发表于: 2017-04-19 23:22:32

1 1259


今天完成的事情:

继续学习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大概怎么用了。


返回列表 返回列表
评论

    分享到