发表于: 2017-06-28 19:04:52

1 827


今天完成的事情:

1.看了快两天的angularJS教程,感觉比较抽象,询问师兄后,去看了两节智能社的angularJS讲解,立马清晰不少,之前看过的知识点也一一回顾,跟着一起敲demo,指令语法也熟悉很多

2.angularJS其实是一种MVC思想,目的是为了将数据与页面表现彻底分离

M——是指model,模型,也就是数据

V——是指view,视窗,也就是页面表现

C——是指controller,控制器

3.angularJS和JS不互通,表现在函数不互通,定义的变量也不互通,还有时间事件也不互通;不过可以用controller控制器作为桥梁将二者打通,可以将JS的代码放入controller下的函数中

4.学会了使用ng-repeat;重复遍历,跟for循环的作用差不多

<body ng-app="">
<ol ng-init="object={name:'zhangsan',age:'19',alive:'live'}">
   <li ng-repeat="(key,value) in object">{{key}}:{{value}}</li>
</ol>
</body>

5.Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。

当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递:

<div ng-app="myApp" ng-controller="myCtrl"
   <h1>{{carname}}</h1
</div
<script>
   var app = angular.module('myApp', [ ])
   app.controller('myCtrl', function ($scope) {
       $scope.carname = "Volvo";
   });
</script>

6.还看了一部分angularJS 路由的内容,路由就是也可以实现单页面的不同跳转,就是可以实现多视图的单页Web应用

明天的计划:继续写JS6,还有准备小课堂

遇到的问题:暂无,遇到问题会直接去找大佬的

收获:感觉会angularJS框架终于有了一点了解了,学会了几个指令,更重要的是MVC思想,页面与数据的分离


返回列表 返回列表
评论

    分享到