发表于: 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定义数组和遍历数组章节,感觉菜鸟章节不是很全,明天看看官方文档

                                                三、还有本地数据缓存的方式。。

     


返回列表 返回列表
评论

    分享到