使用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>