发表于: 2017-04-24 21:59:07
1 1173
今天完成的事情:
上午做了找职位页面推荐公司部分;
做了职位搜索页和公司搜索页,基本内容完成了,但是还有一些细节没有处理;
明天计划的事情:
职位搜索页和公司搜索页的分页还有些问题没有解决,要解决掉;
当无搜索结果时显示的内容还没有做,要做这部分内容;
遇到的问题:
暂无;
收获:
关于ng-repeat和ng-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-options的value值的类型是number,当list.id是string类型时无法循环;
2).ng-repeat的value值类型是string,当list.id是number类型时无法循环;
依赖注入:
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属性是一个数组,
数组元素的类型是字符串,它们的值就是需要被注入的服务的名称。
评论