angularJs1.x<二、控制器Controller>

angularJs的controller是动态取值赋值的最常用内容

1、controller

angularjs的controller其实就是一个JavaScript的的 function，但是因为每一个controller需要有一个作用域，故每一个angularJs的controller必须传入一个参数用于表达当前controller的作用域，该参数是固定的 $scope;在其controller体中（也就是function的函数体），如果需要定义一些变量则用 $scope.变量名的方式进行定义，如

$scope.name=“张三”

2、定义controller，我们定义一个controller.js在该js中添加如下代码就可以定义

var controllerDemo=function($scope){

$scope.name="张三";

}

或者：

function controllerDemo($scope){

$scope.name="张三";

}

3、表达式 ng-controller   我们编写一个html文件，在该文件body中写入如下代码，并引入controller.js

表示在某一范围内可以访问对应controller的作用域中的内容；如：

<div ng-controller="controllerDemo ">

{{name}}

</div>

将html拖入浏览器，输出结果为：张三

在此div范围内，用angularJs取值会去匹配controllerDemo这个controller作用域中的变量，如果没有加ng-controller="controllerDemo "，则会原样输出{{name}}

4、表达式 ng-model

ng-model表示该作用域中的某个属性，同时该属性可以理解为模型，也就是model，我们修改上面的代码

<div ng-controller="controllerDemo ">

<input type="text" ng-model="name" />

{{name}}

</div>

刷新页面试试，然后再input的标签中输入或者修改内容试试！

这个列子说明了，angularJs的数据绑定是双向的，一处改，那么其他对应model的值也会跟着改变