私のhtmlには、テーブルの一部である次のコードがあります。
<tr ng-show="isRowVisible(certificate.Id)" class="no-hover">
<td colspan="{{ columnChooser.getNumberOfVisibleColumns() }}" data-ng-switch="isRowVisible(certificate.Id)">
<div ng-switch-when="true">
<certificate-details-window
certificate-id="certificate.Id"
form-data="formData"
visible="isRowVisible(certificate.Id)"
close="toggleDetailsRow($event, certificate.Id)"
on-certificate-saved="certificateSaved(certificate)"
on-customer-saved="customerSaved(customer)">
</certificate-details-window>
</div>
</td>
</tr>
isRowVisible(..)
したがって、ユーザーが上の行をクリックすると、関数が true を返すため、この行が表示されます。
ページが読み込まれると、isRowVisible()
関数は常に false を返します。これは、<certificate-details-window>
タグがレンダリングされないことを意味します。しかし、ディレクティブのテンプレートはサーバーからロードされます....
ただし、このタグには他のカスタム タグも含まれています。驚いたことに、Chrome の [ネットワーク] タブで、カスタム タグのすべてのテンプレートがサーバーから読み込まれていることがわかりました。これはどのように可能ですか?