发表于: 2017-04-24 21:59:07

1 1172


今天完成的事情:

上午做了找职位页面推荐公司部分;

做了职位搜索页和公司搜索页,基本内容完成了,但是还有一些细节没有处理;

明天计划的事情:

职位搜索页和公司搜索页的分页还有些问题没有解决,要解决掉;

当无搜索结果时显示的内容还没有做,要做这部分内容;

遇到的问题:

暂无;

收获:

关于ng-repeatng-options的区别

<select>

     <option value="x.id" ng-repeat="x in list" ng-bind="x.name">

     </option>

</select>


<select ng-options="x.id as x.name for x in list" ng-model="listId">

</select>

 

如上所示,当在select中时ng-repeat需要写在option中,而ng-options不需要option,会自动生成。

ng-options 一定要和ng-model 搭配,ng-model获取的是列表的value值。

注意!!

1).ng-optionsvalue值的类型是number,当list.idstring类型时无法循环;

2).ng-repeatvalue值类型是string,当list.idnumber类型时无法循环;

依赖注入:

AngularJS采用模块化的方式组织代码,将一些逻辑封装成一个对象或函数,实现最大程度复用,这导致了使用者和被使用者之间存在依赖关系。

所谓依赖注入是指在运行时自动查找依赖关系,找到后传递给使用者的一种机制。

推断式注入

没有明确声明依赖,AngularJS会将函数参数名称当成是依赖的名称。

var App = angular.module('App', []);

App.controller('DemoController', function ($scope, $http) {

});

注:这种方式存在一个问题,当代码压缩后函数的参数被压缩,这样便会造成依赖无法找到。

行内注入

以数组形式明确声明依赖关系,数组元素都是包含依赖名称的字符串,数组最后一个元素是依赖注入的目标函数。

var App = angular.module('App', []);

// 行内式注入,推荐使用这种依赖注入方式。

App.controller('DemoController', ['$scope', '$http', function ($scope, $http) {

  $scope.name = '依赖注入';

}]);

显式注入声明

可以通过$inject属性来实现显式注入声明的功能。函数对象的$inject属性是一个数组,

数组元素的类型是字符串,它们的值就是需要被注入的服务的名称。





返回列表 返回列表
评论

    分享到