AngularJs的四大核心特性
<1>MVC
<2>模块化和依赖注入
<3>双向数据绑定
<4>指令
1、模块的注入和依赖
var bookStoreApp = angular.module('bookStoreApp', [
'ngRoute', 'ngAnimate', 'bookStoreCtrls', 'bookStoreFilters',
'bookStoreServices', 'bookStoreDirectives'
]);
2、
ng-bind是从$scope -> view的单向绑定
ng-modle是$scope <-> view的双向绑定
{{}}
一直不明白它们几个的区别,看了视频明白了,其实ng-bind和{{}},没有啥区别,只是二者使用的情景不是很一样,一般情况下,建议ng-bind在首页加载的时候使用,{{}}建议是首页意外的页面使用,因为双括号{{}}在加载的时候,若网速不好或者首页还未加载angular库时,其会显示出来,这样用户在使用时,会感觉页面不是特别美观,既然存在这个问题,以后在写的时候,还是注意点.
<div>
<input ng-model="greeting.text"/>
<p>{{greeting.text}},Angular</p>
</div>
3、在项目的开发过程中,我们会用到angular的路由,这也是angular的核心,但是angular本身自带的路由机制一般无法满足项目的需求,它不能实现路由的深层次嵌套,所以我们会引入angular-ui-router,angular自带的路由机制和我们引入的ui-router在使用的时候有小部分区别,但是重点都是一样的。
下面给出引入ui-router的部分代码
bookStoreApp.config(function($routeProvider) {
$routeProvider.when('/hello', {
templateUrl: 'tpls/hello.html',
controller: 'HelloCtrl'
}).when('/list', {
templateUrl: 'tpls/bookList.html',
controller: 'BookListCtrl'
}).otherwise({
redirectTo: '/hello'
})
});
未完待续,,,,