发表于: 2017-07-06 23:06:29

1 856


今天完成的事情:

完成了常量的编写,以及过滤器,在写找职位的左侧导航栏时发现不知道如何使用Ng-repeat进行渲染,因为psd文件和现成的接口文档对不上。然后看了下官网源码,发现都是建立了一个json的文件,然后通过url进行请求。

  1. {code: 0, message: "查询成功",…}
    1. code:0
    2. data:[{jobType: 1, name: "用户体验",…}, {jobType: 2, name: "研发",…}, {jobType: 3, name: "大数据",…}]
      1. 0:{jobType: 1, name: "用户体验",…}
        1. jobType:1
        2. jobTypeList:[{secondType: 1, name: "产品",…}, {secondType: 2, name: "UI",…}, {secondType: 3, name: "QA",…}]
        3. name:"用户体验"
      2. 1:{jobType: 2, name: "研发",…}
        1. jobType:2
        2. name:"研发"
      3. 2:{jobType: 3, name: "大数据",…}
        1. jobType:3
        2. name:"大数据"
    3. 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)

看官网源码看到了这个东西,希望后面写代码能用上。

明天计划的事情:

争取能完成找职位的导航栏和轮播。

遇到的问题:

暂无

收获:

如何封装需要的数据。


返回列表 返回列表
评论

    分享到