发表于: 2017-06-27 23:55:51

0 944


今天完成的事情:

用UI-Bootstrap实现侧边栏和研究怎么把用户管理的组件添加到侧边栏里面;

使用factory创建自定义服务

明天计划做的事情:继续学习service去创建自定义服务

遇到的问题:。。。

收获:使用UI-Bootstrap需要注意的事项;UI-Bootstrap是Angularjs和Bootstrap的合体,那么它肯定要

依赖于AngularJs脚本和Bootstrap的样式,所以在页面中,一共需要引入这几个文件;然后在module

中需要指定依赖的module;在ui-bootstrap中,以属性方式使用的指令对应的值,大多数为表达式,

比如is-disabled=true,is-disabled的值就可以设置为一个表达式,或者使用{{}}绑定一个$scope的变

量。有少部分指令的值不能是表达式,而要设置为字符串;

用factory创建自定义服务:通过service方式创建自定义服务,相当于new的一个对象:var s = new 

myService();,只要把属性和方法添加到this上才可以在controller里调用。

varapp=angular.module('myApp',[]);

//通过工厂模式创建自定义服务

app.factory('myFactory',function() {

varservice={};//定义一个Object对象'

service.name="张三";

varage;//定义一个私有化的变量

//对私有属性写getter和setter方法

service.setAge= function(newAge){

age=newAge;

}

service.getAge= function(){

returnage;

}

returnservice;//返回这个Object对象

});

在控制器里面注入myFactory

app.controller('myCtrl',function($scope,myFactory) {

myFactory.setAge(20);

$scope.r=myFactory.getAge();

alert(myFactory.name);

});


返回列表 返回列表
评论

    分享到