发表于： 2017-06-28 19:04:52
1 828
今天完成的事情：
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思想，页面与数据的分离
返回列表
评论