Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用锚标签角度动态更改div的内容大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在如何使用锚点标签中的 Angularjs加载动态视图时遇到问题.顺便说一下,我不能使用ng-view,因为ng-view只能在模板中使用一次.所以我正在考虑使用ng-src,但是在示例文档中,它使用了一个select元素标记并将其值提取给控制器.我想要的是当我点击一个链接说View1时,我的div的内容会改变.我会进一步解释.

我有这3个锚标签

<li><a href="#/view1">View1</a></li>
<li><a href="#/view2">View2</a></li>
<li><a href="#/view3">View3</a></li>

之前

<div data-ng-include="" data-ng-src="default.html"></div>

现在当我点击#/ view1

//the ng-src of the html will change depending on the link clicked
 <div data-ng-include="" data-ng-src="view1.html"></div>

解决方法

也许你正在尝试做以下事情:

HTML:

<!-- Dont use # in the hrefs to stop the template from reloading -->
<li><a href="" ng-click="selectedTemplate.path = 'view1.html'">View1</a></li>
<li><a href="" ng-click="selectedTemplate.path = 'view2.html'">View2</a></li>
<li><a href="" ng-click="selectedTemplate.path = 'view3.html'">View3</a></li>

<div data-ng-include="selectedTemplate.path"></div>

JS:

$scope.selectedTemplate = {
    "path":"view1.html"
};

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用锚标签角度动态更改div的内容全部内容,希望文章能够帮你解决angularjs – 使用锚标签角度动态更改div的内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: