gpt4 book ai didi

angularjs - 在 View / Controller 之间共享范围

转载 作者:塔克拉玛干 更新时间:2023-11-03 06:25:37 25 4
gpt4 key购买 nike

我有一个算法问题,而不是代码问题。

让我们解释一下我想要什么:

我有一个 TreeView ,其中包含我可以订购的元素。当我双击其中一个元素时,我希望页面切换到一个表单,其中填充了被单击元素的信息。当我保存表单时,它返回到 TreeView ,元素已修改。

我是如何尝试做到这一点的?

我有我的主视图 treeView 及其 Controller treeViewController。我有一个工厂,它加载元素。

//treeViewController
$scope = factory.getelement()
//whatever else I need

我已经尝试过另一个 View “fullEdit”,我希望它完全共享范围(它也可以共享它实际上并不重要的相同 Controller )。这意味着当我在“fullEdit”中修改 $scope.element 时,它会在树中修改。

问题是,当 Controller 加载范围时,每次我切换 View 时都会重新加载范围。

我尝试过使用嵌套状态的 ui-router(我认为这不是解决方案)。许多人建议使用多 View 来获得我想要的,但我已经尝试过了,但我得到的只是同一页面上的两个 View ,这不是我想要的。而且,这两种观点似乎仍然是独立的。

此外,使用全局范围似乎不是一个好的解决方案。

编辑/实际上我的问题是当我更改 View 时执行 Controller ,因此范围从后端重新加载。我不想这样,我想共享 $scope 但不想在每次更改 View 时都重新加载它!

最佳答案

angular.module('myApp', [])
.controller('myCtrlOne', function myCtrlOne($scope, reusableData) {
$scope.service = reusableData
})
.controller('myCtrlTwo', function myCtrlOne($scope, reusableData) {
$scope.service = reusableData
})
.service('reusableData', function() {
return {
message: 'initial msg'
}
})
<!DOCTYPE html>
<html ng-app="myApp">

<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body>
<div ng-controller="myCtrlOne">
<input type="text" ng-model="service.message">
</div>
<hr>
<div ng-controller="myCtrlTwo">
<input type="text" ng-model="service.message">
</div>
</body>

</html>

如果你运行这个代码片段(天哪,我喜欢这个函数)你会看到两个输入分别在不同的 Controller 中,它们通过服务共享数据,只要页面不重新加载服务(这是简单的 - 每个实例一个运行)将保留您的更改

关于angularjs - 在 View / Controller 之间共享范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26273740/

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