Question

我有一个包含两列的网页。在左栏中，我显示了按钮。按下按钮时，应在右列中加载HTML部分。 HTML部分可以被视为＆＃34;小部件＆＃34;。

问题是我不确定如何使用AngularJS动态加载右栏中的HTML部分。

所以我基本上有这些布局：

我的主页：

<div class="left-col">
  <button>Widget 1</button>
  <button>Widget 2</button>
</div>
<div class="right-col">
  <div class="selected-widgets">
    <!-- dynamic partial HTML will be loaded here -->
  </div>
</div>

我的偏见：

Widget1_Partial.html

<div>
  <h2>Widget 1</h2>
  <input name="width" value="">
  <input name="height" value="">
</div>

Widget2_Partial.html

<div>
  <h2>Widget 2</h2>
  <input name="size" value="">
</div>

所以我想加载selected-widgets div中的部分内容。我怎么能用AngularJS做到这一点？

Answer 1

我建议您使用ng-include。它已查看有关此部分的文档。我认为它正是你想要的。以下是有关它的文档的参考：

https://docs.angularjs.org/api/ng/directive/ngInclude

在div中动态加载html partials

1 个答案: