angularJS的控制器

来源：互联网发布：linux ping怎么使用编辑：程序博客网时间：2024/05/21 17:19

angularJS控制器。因为ng-app是控制整个应用的，一般一个应用中只有一个ng-app。而一个应用中有好多个界面，这样就需要按照页面的需要划分作用域，每一个页面划分一个作用域，就是用controller划分的，每一个controller就是一个页面的作用范围，controller可以嵌套，他的作用域的规则和JS一样，子可以访问父，父不能访问子。每个contr和html元素之间通过$scope链接起来。

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/angular.min.js"></script><style type="text/css"></style></head><body ng-app="my-frist-app"> <div id="box" ng-controller="fristController" >{{obj.name}}<input type="text" ng-m="name" /><p ng-bind="name"></p></div><script type="text/javascript">// 创建一个angular的对象// 参数：module的名字var myApp = angular.module('my-frist-app',[])// 控制器是JS对象 由标准的js构造函数创建而成// 控制器的名字，内容// $scope 把js中的控制器的内容和dom元素的内容链接起来myApp.controller('fristController',function($scope){//$scope.obj={name:"zhangsan",fun:function(){console.log("zhangsan")}}});</script></body></html>

0 0