发表于: 2017-07-06 23:06:29
1 859
今天完成的事情:
完成了常量的编写,以及过滤器,在写找职位的左侧导航栏时发现不知道如何使用Ng-repeat进行渲染,因为psd文件和现成的接口文档对不上。然后看了下官网源码,发现都是建立了一个json的文件,然后通过url进行请求。
- {code: 0, message: "查询成功",…}
- code:0
- data:[{jobType: 1, name: "用户体验",…}, {jobType: 2, name: "研发",…}, {jobType: 3, name: "大数据",…}]
- 0:{jobType: 1, name: "用户体验",…}
- jobType:1
- jobTypeList:[{secondType: 1, name: "产品",…}, {secondType: 2, name: "UI",…}, {secondType: 3, name: "QA",…}]
- 0:{secondType: 1, name: "产品",…}
- 1:{secondType: 2, name: "UI",…}
- 2:{secondType: 3, name: "QA",…}
- name:"用户体验"
- 1:{jobType: 2, name: "研发",…}
- jobType:2
- jobTypeList:[{secondType: 4, name: "Android",…}, {secondType: 5, name: "IOS",…}, {secondType: 6, name: "WEB",…},…]
- name:"研发"
- 2:{jobType: 3, name: "大数据",…}
- jobType:3
- jobTypeList:[{secondType: 9, name: "NLP",…}, {secondType: 10, name: "DM",…}, {secondType: 11, name: "DL",…}]
- name:"大数据"
- message:"查询成功"
上面的是官网network显示的返回数据。
2.看了一波provider的用法:
AngularJS用$provide去定义一个供应商,这个$provide有5个用来创建供应商的方法:
constant
value
service
factory
provider
decorator
provider是他们的老大,上面的几乎(除了constant)都是provider的封装,provider必须有一个$get方法,当然也可以说provider是一个可配置的factory
var app = angular.module('app', []);
app.provider('movie', function () {
var version;
return {
setVersion: function (value) {
version = value;
},
$get: function () {
return {
title: 'The Matrix' + ' ' + version
}
}
}
});
app.config(function (movieProvider) {
movieProvider.setVersion('Reloaded');
});
app.controller('ctrl', function (movie) {
expect(movie.title).toEqual('The Matrix Reloaded');
});
注意这里config方法注入的是movieProvider,上面定义了一个供应商叫movie,但是注入到config中不能直接写movie,因为前文讲了注入的那个东西就是服务,是供应商提供出来的,而config中又只能注入供应商(两个例外是$provide和$injector),所以用驼峰命名法写成movieProvider,Angular就会帮你注入它的供应商。(更详细可参考文末官方wiki翻译版中的配置provider)
看官网源码看到了这个东西,希望后面写代码能用上。
明天计划的事情:
争取能完成找职位的导航栏和轮播。
遇到的问题:
暂无
收获:
如何封装需要的数据。
评论