发表于: 2017-06-27 23:55:51
0 942
今天完成的事情:
用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);
});
评论