发表于: 2016-11-01 23:13:20
2 1724
昨天、前天完成的事:看AngularJS菜鸟教程
今天完成的事:修改task2
明天计划的事:看ng官方文档,解决遇到的问题
收获:1、数据双向绑定:<input ng-model="name"><h1>{{name}}</h1>
Filter:过滤器从数组中选择一个子集
ng-repeat的数组或对象有重复需要添加track by $index后缀:<p ng-repeat="x in records track by $index">{{x}}</p>
定义鼠标点击事件:<button ng-click="pressMe()"/>
Directive :自定义指令
2、<div ng-app="myApp" ng-controller="siteCtrl">
<ul>
<li ng-repeat="x in names">
{{ x.Name + ', ' + x.Country }}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []); //创建模块
app.controller('siteCtrl', function($scope, $http) {
$http.get("http://www.runoob.com/try/angularjs/data/sites.php")
.success(function (response){$scope.names = response.sites;}); //类似ajax读取服务器数据
}); //控制模块
</script>
2、看完教程后对AngularJS有个初步印象,然而一面对task2大脑就一片空白,,,硬着头皮对着教程修改html样式,卡住了
遇到以下几个问题:一、ng没有if(){}else{}之类的逻辑判断
二、教程里没有ng定义数组和遍历数组章节,感觉菜鸟章节不是很全,明天看看官方文档
三、还有本地数据缓存的方式。。
评论