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

我需要更改页面中的div并在单击链接时更改该div的内容。我想用angularj来完成此操作。例如，我有3个链接，分别为view1 view2和view3。这3个链接分别粘贴到3个html文件view1.html，view2.html和view3.html中，每个文件中包含不同的内容。如何在单击链接时更改div并显示其内容

当我点击链接view1时，我需要在div中加载view1.html页面内容（动态加载而不改变页面中的其他内容），当view2被点击时view2 .html被点击它应该加载如果我使用ng-view，它会加载整个页面，我是否需要使用ng-click？如果是这样，我该怎么做？请解释一下..我需要控制器吗？如果我需要控制器吗？所以给我一个例子:(

来源

2014-10-28 Sanjaya

使用NG-IF和NG-包括 – harishr 2014-10-28 14:39:55

你能解释一下吗？ – Sanjaya 2014-10-28 15:11:59

您可以使用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>

来源

2014-10-28 14:53:03 sylwester

thanx.got的答案 – Sanjaya 2014-10-28 15:16:22

如果你只想在一个时间点来显示一个视图，然后使用ngSwitch详情here

否则，使用ngIf/ngShow有条件地表明观点。

来源

2014-10-28 14:45:10

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

回答

相关问题