0

私は新しいです。私は別のタブにネストされたタブがある変数内のいくつかのデータにアクセスしようとしています。 (私はそれが敏感なのでリンクできません)。とにかく、ネストされたng-repeatを使用してアクセスしようとしていますが、2回目のng-repeatは呼び出されず、私のコンソールでは1つのエラーメッセージが表示されません。これは基本的に見た目です。既存の質問(https://stackoverflow.com/questions/19206760/angular-nested-ng-repeat-failure#= & passing 2 $index values within nested ng-repeat)をチェックした後ネストされたng-repeatは決して呼び出されません

dico = [ 
    { ... 
    content : [] 
    }, 
    { ... 
    content : [] 
    }, 
    ... 
]; 

私の一部が機能しない理由私は得ることはありません。このコードのサンプルで

<span ng-repeat="toolbar in dico"> 
     <candidate-toolbar-review average="toolbar.average" labeltoolbar="{{toolbar.name}}"> 
      <span ng-repeat="field in toolbar.content" layout="row" layout-wrap layout-align="start center"> 
       <candidate-field-review labelfield="{{field.name}}" ng-model="field.value" my-model="field.checked"> 
       </candidate-field-review> 
      </span> 
     </candidate-toolbar-review> 
    </span> 

私は最初のものをコメントする場合、候補フィールド・レビューと候補ツールバー-レビューの両方が正しく、二番目の意志出力ディレクティブです。また、最初のものが期待どおりに印刷されます。

私は$ parentを使って$ indexで追跡しようとしましたが、どういう仕組みが本当に理解できません。私はまた、spanの代わりにdivを使用しようとしました。または、spanをまったく使用しないようにしました(そして、候補 - ツールバーと候補フィールド内のng-repeatを含みます)。私はここで何が欠けていますか?ありがとう!

編集: 私は代わりにそれらの行を使用し、それはうまくいった。私はまだそれが別の方法では動作しない理由はまだ分かりません。

  <span ng-repeat="toolbar in dico"> 
       <candidate-toolbar-review ng-model="toolbar.average" labeltoolbar="{{toolbar.name}}" ng-click="showSmart=!showSmart"> 
       </candidate-toolbar-review> 
       <span ng-repeat="field in toolbar.content"> 
        <candidate-field-review labelfield="{{field.name}}" ng-model="field.value" my-model="field.checked"> 
        </candidate-field-review> 
       </span> 
      </span> 
+0

あなた '候補ツールバー-review'ディレクティブは' transclusion'を使用しているあなたのようなものTODO必要候補ツールバー-レビューツールバー渡す方法は? –

+0

transclusionは正確に何ですか?私はあなたに指示の.jsと.htmlをリンクすることができます。 –

答えて

0

私はツールバーのみ<span ng-repeat="toolbar in dico">スコープ内に存在するため

<span ng-repeat="field in toolbar.content" layout="row" layout-wrap layout-align="start center"> 

が呼び出されないと信じています。 候補 - ツールバーレビューにはそれ自身のコントローラがあります。

.directive('candidateToolbarReview', function() { 
return { 
    restrict: 'E', 
    transclude: true, 
scope: { 
    toolbar : '@' 
}, 

と::

<candidate-toolbar-review toolbar="toolbar" average="toolbar.average" labeltoolbar="{{toolbar.name}}"> 
     <span ng-repeat="field in toolbar.content" layout="row" layout-wrap layout-align="start center"> 
+1

答えをありがとう、私は2分前にそれを修正しました。 –

関連する問題