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

标签 javascript angularjs

我对 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> 

最佳答案

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

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

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

关于javascript - 将部分 View 加载到 Div AngularJS 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30927879/

相关文章:

javascript - 为什么 jquery 调整大小不起作用?

javascript - 如何通过单击网站中的链接在 Adob​​e Reader 中打开 PDF?

javascript - 隐藏一个带有过渡的元素,开始一个中心不左 0

javascript - 如何清理 Angular ui Controller

javascript - 将凭据发送到登录网页

javascript - 如何使用 jquery 和 ajax 读取、解析和显示 xml

javascript - 最佳实践 Controller /服务

javascript - 无法使用资源将值加载到 Angular-bootstrap typeahead 值中

javascript - 无法使用 AngularJS 的 $cookies 删除 cookie

express - Angular 和 Express 路由