我可以使用ng-include将一个div包含在另一个中吗？

Question

在Angular.js中，我们有ng-include指令。我们可以使用它在DIV元素中包含HTML。

<div ng-include src="foo/bar.html"></div>

现在我开发了一个编辑表单，我希望根据某些“模式”标志更改其外观。特别是我想隐藏一些表单组并将另一个表单组移动到不同的列。我可以使用ng-show和ng-hide标志来完成它，但我有冗余代码。

<div class="col-md-6">
   <div class="form-group" ng-hide='mode == "Edit"'>...</div>
   <div class="form-group">...</div>
   <div class="form-group">...</div>
   <div class="form-group" ng-show='mode == "Edit"'>Redundancy</div>
</div>
<div class="col-md-6">
   <div class="form-group" ng-hide='mode == "Edit"'>Redundancy</div>
   <div class="form-group">...</div>
   <div class="form-group">...</div>
</div>

我可以使用ng-include（或其他一些Angular功能）将Redundancy提取到某个div并包含它吗？

Answer 1

对，

你可以做到。但为什么你不使用控制器？您可以创建一个对象来管理它。

示例：

您可以创建一个包含模板URL的对象，当初始视图将基于条件检查时，然后在ng-include中显示。