angularjs - 使用 anchor 标签angular动态更改div的内容

Question

关于如何在 anchor 标记中使用 Angularjs 加载动态 View ，我遇到了问题。顺便说一下，我不能使用 ng-view，因为 ng-view 只能在模板中使用一次。所以我正在考虑使用 ng-src 但在示例文档中它使用了一个选择元素标签并将其值提取到 Controller 。我想要的是当我单击一个链接说 View1 时，我的 div 的内容将会改变。我会进一步解释。

假设我有这 3 个 anchor 标签

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