1

ng-repeat によって繰り返されるディレクティブがあります。

<div ng-repeat="p in people">
  <p>{{p.name.first}}</p>
  <slider-box
    title-text="{{p.name.first}}"
    body-text="Some body text"
    img-src="{{p.photo}}"
    more-link="#"></slider-box>   
  </div>
</div>

<p>{{p.name.first}}</p>ディレクティブの前にa を置くと、pは名を表示しますが、slider-boxにアクセスできないようでp、データが与えられていないため空白になります。

作成中のボックスがあるため、おそらく非同期の問題ではないため、angular は に何かがあることを認識してng-repeatおり、<p>が埋められています。

ここでは、ダミー データ (文字列のみ) を含むディレクティブの例を示すサンプル サイトを作成し、その下に繰り返されるものを示します。

非常によく似た質問がここで尋ねられましたが、コード例は投稿されておらず、トレイルは死んでいるようです.

4

1 に答える 1

1

ディレクティブ宣言で属性をスコープに直接渡す必要があります。

ディレクティブ宣言では、 の代わりに のscope: {}ようなものを使用しscope:{ imgSrc:"@" }ます。ディレクティブの分離スコープ内で属性の値を直接渡します。

より良い説明については、この短いチュートリアルをご覧ください。

于 2013-09-27T13:30:10.967 に答える