誰かが私がここで間違っていることを教えてもらえますか?私はここにしようとしている方法でイメージ配列を補間することは可能ですか?私はオブジェクトが動作していることを知っています。なぜなら、inkObject.headerプロパティはページを細かく補間しますが、画像の組み合わせを持つ配列は何らかの理由で機能していません...もし、オブジェクトの中で、このような配列を渡すことができます。AngularJsヘルプ、分離スコープに渡されたオブジェクトの配列の選択に問題があります
ありがとうございました。
return {
....
restrict : 'E', // Element name
....
}
デフォルトは'A'
(属性)
、テンプレートであり、NG-繰り返しの使用方法
< ... ng-repeat="image in inkObject.imageArray" ...>
は必要ありません:あなたのディレクティブはすべき
//Controller in app.js
app.controller('galleryCtrl', ['$scope', '$http','$location',
function ($scope, $http, $location) {
$scope.ink = {
header: "Personalized Ink Products",
imageArray: [
'ink-1.jpg',
'ink-2.jpg',
'ink-3.jpg',
'ink-4.jpg'
]
};
}]);
//my directive in app.js
app.directive('pictureGallery', function() {
return {
templateUrl: 'directives/picturegallery.html',
replace: true,
scope: {
inkObject: '='
}
}
});
//the template
<div class="top-space">
<h1>{{ inkObject.header }}</h1>
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4" ng-repeat="image in {{ inkObject.imageArray }}">
<a href="img/{{image}}" target="_blank">
<img ng-src="img/{{image}}" width="200px" height="200px"
class="img-responsive img-thumbnail bottom-space">
</a>
</div>
</div>
</div>
//the view
<picture-gallery ink-object="ink"> </picture-gallery>
お返事ありがとうございます。それでも、restrictプロパティを追加しても、イメージは表示されません。 – brandon