Angularjs 如何在单击链接并显示其内容时更改div

Angularjs 如何在单击链接并显示其内容时更改div,angularjs,angularjs-directive,angularjs-scope,Angularjs,Angularjs Directive,Angularjs Scope,我需要更改页面中的一个div,并在单击链接时更改该div的内容。我想使用angularjs执行此操作。例如,我有3个链接,分别为view1 view2和view3。这3个链接被嵌入到3个html文件view1.html、view2.html和view3.html中,每个文件中包含不同的内容 单击链接view1时,我需要在div中加载view1.html页面内容。(动态加载而不更改页面中的其他内容)当点击view2时,点击view2.html应将其加载到div中。我怎么做?如果我使用ng view

我需要更改页面中的一个div,并在单击链接时更改该div的内容。我想使用angularjs执行此操作。例如,我有3个链接,分别为view1 view2和view3。这3个链接被嵌入到3个html文件view1.html、view2.html和view3.html中,每个文件中包含不同的内容


单击链接view1时,我需要在div中加载view1.html页面内容。(动态加载而不更改页面中的其他内容)当点击view2时,点击view2.html应将其加载到div中。我怎么做?如果我使用ng view,它将加载整个页面。我需要使用ng click吗?如果需要,我怎么做?请解释..我需要控制器吗?如果需要,请举个例子:(

如果希望在一个时间点只显示一个视图,请使用ngSwitch.Details


否则,请使用ngIf/ngShow有条件地显示视图。

您可以使用
ng include
请参见此处的演示



使用ng if&ng include您能解释更多吗?
  <a href="" ng-click="template='view1.html'">View 1</a>
  <a href="" ng-click="template='view2.html'">View 2</a>    
  <a href="" ng-click="template='view3.html'">View 3</a>

  <div ng-include="template"></div>