Question

我需要更改页面中的div并在单击链接时更改该div的内容。我想用angularjs来做。例如我有3个链接作为view1 view2和view3。这3个链接都有墨水in 3 html文件view1.html，view2.html和view3.html，其中包含每个文件中的不同内容。

当我点击链接view1时，我需要在div中加载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。详情here

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

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

2 个答案: