发表于： 2017-05-17 22:19:33
1 977
今日所做：
1.做任务6页面
2.AngularJS 应用程序被控制器控制；ng-controller 指令定义了应用程序控制器；
控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建
3.ng-controller从实际中去理解的话，它主要的作用还是讲数据与展示进行分离，
使得大量的代码或者数据放到controller中，$scope是angular和UI之间的桥梁，
有一些变量的值可以放到$scope中来定义，然后html和js都可以使用
4.实例demo：
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
如图我们需要在js中先创建一个模块，然后定义一个controller，在controller中通过
$scope来进行变量的定义，定义好了之后，html中就可以直接使用了，需要注意的是
一个页面可以有多个module，一个module中还可以有多个controller，所以在html
中使用controller的时候，一定要标注controller的名字，这样才能使用在特定controller
中定义的变量
5.看智能社视频，懂得了angular和js是不互通的，如果在angular中想要使用js的功能，
要么直接使用angular中定义的相似的功能，要么要创建一个controler，在controler
中去定义一些方法或者属性
明日计划：
做任务6的页面
准备小课堂
遇到的问题：
ng-route和ui-route的区别没太搞懂
收获：
了解到了controller的用法以及过滤器的使用方法
返回列表
评论