你可以使用ng-show和ng-click指令来实现这个功能。
首先,你需要在控制器中定义一个变量来跟踪当前显示的div。然后,使用ng-show指令根据变量的值来显示或隐藏特定的div。
接下来,在每个链接上使用ng-click指令来触发一个函数,这个函数会更新当前显示的div的变量,并隐藏之前显示的div。
下面是一个示例代码:
HTML模板:
JavaScript控制器:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.currentDiv = 'div1';
$scope.showDiv = function(divName) {
$scope.currentDiv = divName;
};
});
在上面的示例中,当你点击“Div 1”链接时,会显示“This is div 1”,同时隐藏“This is div 2”。当你点击“Div 2”链接时,会显示“This is div 2”,同时隐藏“This is div 1”。
希望这可以帮助到你!