1

私の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 の [ネットワーク] タブで、カスタム タグのすべてのテンプレートがサーバーから読み込まれていることがわかりました。これはどのように可能ですか?

4

0 に答える 0