为什么模板在ng-switch中加载？

Question

在我的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的“网络”标签中看到，自定义标记的所有模板都是从服务器加载的。这怎么可能？