我试图使用ng-click功能的AngularJS切换视图。我将如何使用下面的代码这样做？
index.html
<div ng-controller="Cntrl">
<div ng-click="someFunction()">
click me
<div>
<div>
controller.js
function Cntrl ($scope) {
$scope.someFunction = function(){
//code to change view?
}
}
为了在不同的视图之间切换，您可以直接更改window.location(使用$ location服务！)
index.html文件
index.html文件
<div ng-controller="Cntrl">
<div ng-click="changeView('edit')">
edit
</div>
<div ng-click="changeView('preview')">
preview
</div>
</div>
Controller.js
function Cntrl ($scope,$location) {
$scope.changeView = function(view){
$location.path(view); // path not hash
}
}
并配置路由器根据位置切换到不同的部分(如图所示https://github.com/angular/angular-seed/blob/master/app/app.js)。这将有利于历史以及使用ng-view。
或者，您使用ng-include与不同的部分，然后使用ng开关，如此处所示(https://github.com/ganarajpr/Angular-UI-Components/blob/master/index.html)
