使用ng-show和ng-hide添加和刪除模板

Question

我可以使用ng-show和ng-hide來顯示/隱藏html模板。 如果該模板是其他html文件。 我正在嘗試將html文件分為兩部分，並在事件中顯示/隱藏它。

Answer 1

最好使用ng-if而不是ng-show，因為這樣可以節省一個html模板請求。

<div ng-if="some_condition">
    <div ng-include="'template1_path.htm'"></div>
</div>

<div ng-if="!some_condition">
    <div ng-include="'template2_path.html'"></div>
</div>

Answer 2

是的，您可以將ngShow/ngHide與ngInclude結合使用：

<div ng-show="some_condition">
    <div ng-include="template1_path">
    </div>
</div>

<div ng-show="!some_condition">
    <div ng-include="template2_path">
    </div>
</div>