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

Question

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

当我单击链接view1时，我需要将div1中的view1.html页面内容加载（动态加载而不更改页面中的其他内容），并且当单击view2时，单击view2.html应当将其加载到div中。如果我使用ng-view，它将加载整个页面。是否需要使用ng-click？如果可以，请解释..是否需要控制器？如果需要，请给我一个例子:(

Answer 1

您可以使用ng-include请在此处查看演示
http://plnkr.co/edit/fLIimJZ6GjvQJPU7SWRD?p=preview

  <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>

Answer 2

如果您希望某一时间只显示其中一个视图，请使用ngSwitch。 详情在这里

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