javascript - 将部分 View 加载到 Div AngularJS 中

Question

我对 Angular 比较陌生，大多只是玩弄一个简单的 SPA，我的大部分经验来自 VS 和 MVC 5，所以我知道类似的事情可以通过部分 View 来完成。但我似乎无法用 Angular 来弄清楚。

在这个 plunkr 中，我有一个例子:

http://plnkr.co/edit/H4yyrNvWlTiSoahYHVXA?p=preview

基本上，我希望动态链接列表指向不同的 View ，目前我只有主页。

但是，在硬编码时我什至无法加载 View 。

我认为我应该使用 ng-include:

<div class="col-lg-12" ng-include ng-src="Home.html">

</div> 

Answer 1

我不建议您使用ng-include来实现这种逻辑。 Angular Router ，Angular New Router ，和ui-Router全部都具有此功能，并且内置了许多功能。

但是，为了解决您对此特定代码片段的担忧，ng-include 需要向其传递一个值。传递的值应该是计算结果为字符串或字符串常量的模型属性。对于字符串常量，应将其包含在单引号 ' 中。所以，试试这个:

<div class="col-lg-12" data-ng-include="'home.html'" >
</div>