我使用AngularJS 1.5.7版进行编码。指令不接收对象作为参数
由于某些原因,该指令没有收到变量cdata
这是一个object
。
为什么指令不接收变量?
这里下面我贴我的所有代码:
home.js
'use strict';
var home = angular.module('app.home', [
'global.factory',
'home.factory',
'ui.scroll',
'ui.scroll.jqlite',
'd.card'
]);
home.controller('HomeController', [
'homeFactory',
'$timeout',
function (homeFactory, $timeout) {
var data = this;
data.posterSize = (screen.width - 42)/3;
homeFactory.getJSON().then(function (response) {
data.feed = response.home;
});
data.datasource = {
get: function(index, count, success) {
$timeout(function() {
var start = Math.max(0, index);
var end = Math.min(index + count, data.feed.length);
var results = [];
for (var i = start; i < end; i++) {
results.push(data.feed[i]);
}
success(results);
}, 100);
}
};
}
]);
_home.html
<article ng-controller="HomeController as myHome" class="base-gen" ui-scroll-viewport style="height:100%">
<card class="card" ui-scroll="element in myHome.datasource" cdata="{{element}}" psize="{{myHome.posterSize}}"></card>
</article>
card.js
'use strict';
var dCard = angular.module('d.card', ['global.factory']);
dCard.directive('card', [ 'globalImages', function (globalImages) {
return {
restrict: 'E',
scope: {
cdata: '@',
psize: '@'
},
controller: function() {
console.log(this.cdata);
},
controllerAs: 'myCard',
bindToController: true,
templateUrl: 'app/Modules/card.html'
};
}]);
我也想指出的是,我从迁移到angular 1.4.8
和1.5.7
从ui-router 0.2.15
到0.3.1
可能与[这个答案](http://stackoverflow.com/a/ 31013435/2435473) –
听起来像是问题与ui-scroll模块有关。拿到凉亭后,没有更多的问题。谢谢大家! – DevStarlight