我正在try 使用AngularJS的ng-click特性来切换视图.我该如何使用下面的代码来实现这一点?

指数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>

控制器.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视图.

或者,将ng include与不同的partials一起使用,然后使用ngswitch ,如图(https://github.com/ganarajpr/Angular-UI-Components/blob/master/index.html)所示

Javascript相关问答推荐

将未等待的未处理的错误promise 转变为警告@ changeTicksAndRejections(由当时的抛出错误创建)

在Chart.js 4.4.2中移动到不同大小的容器时,图表不会调整大小

Flutter:显示PDF和视频,但阻止下载

如何通过继承contentitable属性的元素捕捉keydown事件?

按下同意按钮与 puppeteer 师

如何修复我的js构建表每当我添加一个额外的列作为它的第一列?

如何从调整大小/zoom 的SVG路径定义新的d属性?""

使用Java脚本导入gltf场景并创建边界框

使用领域Web SDK的Vite+Vue应用程序中的Web程序集(WASM)错误

在HTML语言中调用外部JavaScript文件中的函数

如何在使用rhandsontable生成表时扩展数字输入验证?

在浏览器中触发插入事件时检索编码值的能力

如何将数组用作复合函数参数?

当用户点击保存按钮时,如何实现任务的更改?

JavaScript不重定向配置的PATH

传递方法VS泛型对象VS事件特定对象

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

基于产品ID更新条带产品图像的JavaScript命中错误

当我点击一个按钮后按回车键时,如何阻止它再次被点击

MongoDB通过数字或字符串过滤列表