1

ビューファイルには次のものがあります。

  <p class="presentation black">Sections:
    <span data-ng-if="currentTab == 'tab1'">
      <div ng-repeat="question in filtered = (template.questions | unique:'sectionName')"></div>
      <p class="presentation black">{{filtered.length}}</p>
    </span>
    <span data-ng-if="currentTab == 'tab2'">
      <div ng-repeat="sheet in filtered = (template.sections[0].sheets | unique:'name')"></div>
      <p class="presentation black">{{filtered.length}}</p>
    </span>
  </p>

を選択するtab1と、情報が正しく表示されます。ただし、 をオンtab2にすると、両方のスパンの要素が表示されているように見えます。に関連する要素<p>には空の値が表示されます。DOM ツリーを見ると、 on のときに条件が表示されていないようにも見えます: 。問題がどこにあるのか誰にもわかりますか? さらにコードが必要な場合はお知らせください。<p>tab1tab2ng-if<!-- end ngIf: currentTab == 'tab2' -->

4

1 に答える 1

1

HTML5 仕様によると、「p」は「スパン」に含まれるべきではありません。「スパン」を「div」に変更します。

HTML

<p class="presentation black">Sections:
   <div data-ng-if="currentTab == 'tab1'">
     <div ng-repeat="question in filtered = (template.questions | unique:'sectionName')"></div>
     <p class="presentation black">{{filtered.length}}</p>
   </div>
   <div data-ng-if="currentTab == 'tab2'">
     <div ng-repeat="sheet in filtered = (template.sections[0].sheets | unique:'name')"></div>
     <p class="presentation black">{{filtered.length}}</p>
   </div>
</p>
于 2015-12-31T16:33:38.613 に答える