angularjs – 使用锚标签角度动态更改div的内容

发布时间：2020-12-17 07:07:26 所属栏目：安全来源：网络整理

导读：我在如何使用锚点标签中的 Angularjs加载动态视图时遇到问题.顺便说一下,我不能使用ng-view,因为ng-view只能在模板中使用一次.所以我正在考虑使用ng-src,但是在示例文档中,它使用了一个select元素标记并将其值提取给控制器.我想要的是当我点击一个链接说View

我在如何使用锚点标签中的 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"
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!