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

Question

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

Answer 1

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

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"
};