发表于: 2017-04-17 23:30:12
1 946
今天完成的事:
继续JS的学习
- 4大核心特征
- 1mvc:数据模型(Model)业务逻辑和控制逻辑(Controller)视图(View)
- 2模块化(module)
- 3指令系统
- 4双向数据绑定
Controller注意
一个控制器只控制一个视图,视图工用数据使用service(服务)
1不要试图复用Controller
2不要在Controller中操作DOM
3不要在Controller里做数据格式化
4不要在Controller里做数据过滤,NG中有$filter服务
5Controoler是不会互相调用,控制器之间的交互通过事件执行
AngularJS里的视图通过$scope来实现
压缩工具 grunt
ng-init 初始化 ng-repeat 重复
明天计划的事:
继续学习Angular
开始任务6 的编写
遇到的问题
DOME
<!DOCTYPE html>
<html>
<head na-app="test" >
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app=angular.module("test",[]);
app.controller('con1',function($scope){
$scope.items=[
{name:'小王把',price:78.8},
{name:'小路把',price:80},
{name:'小李把',price:88.8}
]
console.log(items)
})
</script>
</head>
<body >
<ul ng-controller='con1'>
<li ng-repeat="item in $scope.items">
<h2>{{item.name}}</h2>
<span>{{item.price}}</span>
</li>
</ul>
</body>
</html>
为什么结果会是检查了几遍,不知道问题出在哪?
收获:
对控制器有了新的理解和会使用
评论