gpt4 book ai didi

javascript - AngularJS : How do I switch views from a controller function?

转载 作者:IT老高 更新时间:2023-10-28 13:12:57 25 4
gpt4 key购买 nike

我正在尝试使用 AngularJS 的 ng-click 功能来切换 View 。我将如何使用下面的代码执行此操作?

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?
}
}

最佳答案

为了在不同的 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-switch (https://github.com/ganarajpr/Angular-UI-Components/blob/master/index.html)

关于javascript - AngularJS : How do I switch views from a controller function?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11003916/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com