AngularJS：如何切换视图从控制器功能？

发布时间：2020-12-17 09:26:41 所属栏目：安全来源：网络整理

导读：我试图使用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

我试图使用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文件

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!