javascript - AngularJS 中页面之间的访问 Controller

标签 javascript jquery html angularjs

我是 Angular JS 新手。我的问题是,是否可以为不同页面共享一个 Controller 。

我有一个网站模板。现在我尝试用 Angular js 对其进行编码。 我有 2 个页面,例如 home.html 和 new.html

home.html 如下所示。

 <!DOCTYPE html>
    <html>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

    <body>

    <div ng-app="myApp" ng-controller="kkCtrl">
        <p>My first expression: {{ 5 + 5 }}</p>

    <a herf="new.html" ng-click="getDatass('w')"> new</a>
    </div
    </body>
    </html>


 <script>
    var app = angular.module('myApp', []);

    app.controller('kkCtrl',["$scope", "$http", function($scope, $http) {
    $scope.getDatass= function(a){
            $scope.k= a;
    }
    }])
    </script>

我的 new.html 是

<div ng-controller="kkCtrl">
    <table>
    <tr><td>kkk</td>
    <td>lll</td>
    </tr>
    </table>
    {{k}}
    </div>

我的问题是,如果我单击 home.html 上的“new”链接,它应该重定向到 new.html,并且是否可以在 new.html 中查看“$scope.a”的值...请帮助我。

最佳答案

我不认为在页面之间共享 Controller 是 AngularJS 的最佳实践。每个 View 都应该有自己的 Controller 。如果想要在各个 View 页面之间传递数据,可以使用angular-ui-router通过ui-sref传递参数来实现。我建议您阅读更多有关 AngularJS 最佳实践 here 的内容。 。它提供了 AngularJS 中使用的最佳样式指南。

关于javascript - AngularJS 中页面之间的访问 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36953190/

相关文章:

Jquery淡入淡出功能?

javascript - 在javascript代码中将字符串分成多行

javascript - Ajax加载页面,刷新后不改变加载的内容

javascript - 检查 n 个元素是否包含设置为 true 的 data 属性

javascript - 如何使用Javascript计算数组中的相邻数字?

javascript - 使用 Javascript 创建动态 ID

javascript - 从 JS 文件调用 Controller 函数

javascript - 当我使用 JQuery 加载页面时,表单的提交不起作用

javascript - jQuery/CSS 选择复选框标签

html - 针对同一父级别中特定元素的第一个子元素