发表于: 2017-04-19 23:22:32
1 1258
今天完成的事情:
继续学习angular的mvc,路由,模块,依赖注入,双向数据绑定及一些常用的指令。
明天计划的事情:
完成ui路由及各模块的配置,完成任务6.
遇到的问题:
1 angular路由的作用,理解及实现方式:
AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。
通常有以下几个步骤:
①载入了实现路由的 js 文件:angular-route.js。
②包含了 ngRoute 模块作为主应用模块的依赖模块。
angular.module('routingDemoApp',['ngRoute'])
③使用 ngView 指令。
<div ng-view></div>
该 div 内的 HTML 内容会根据路由的变化而变化。
④配置 $routeProvider,AngularJS $routeProvider 用来定义路由规则。例如;
module.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/',{template:'这是首页页面'})
.when('/computers',{template:'这是电脑分类页面'})
.when('/printers',{template:'这是打印机页面'})
.otherwise({redirectTo:'/'});
}]);
AngularJS 模块的 config 函数用于配置路由规则。通过使用 configAPI,我们请求把$routeProvider注入到我们的配置函数并且使用$routeProvider.whenAPI来定义我们的路由规则。
$routeProvider 为我们提供了 when(path,object) & otherwise(object) 函数按顺序定义所有路由,函数包含两个参数:
2依赖注入的理解:
依赖注入是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。
一般有以下几个核心组件:
Value 是一个简单的 javascript 对象,用于向控制器传递值(配置阶段);
factory 是一个函数用于返回值。在 service 和 controller 需要时创建。通常我们使用 factory 函数来计算或返回值;
AngularJS 中通过 provider 创建一个 service、factory等(配置阶段)。Provider 中提供了一个 factory 方法 get(),它用于返回 value/service/factory;
constant(常量)用来在配置阶段传递数值,注意这个常量在配置阶段是不可用的。
收获:
知道了angular大概怎么用了。
评论