如何在没有服务或观察者的情况下在 AngularJS 中的状态之间共享 $scope 数据？

在 AngularJS 中的状态之间共享 $scope 数据

问题：

$scope 如何AngularJS 中的子状态无需使用服务或父控制器观察者即可访问来自父控制器的数据？

答案：

理解范围继承

在 AngularJS 中，如果状态视图是嵌套的，作用域属性会沿着状态链继承。因此，定义状态视图如下：

.state("main", {
      controller:'mainController',
      url:"/main",
      templateUrl: "main_init.html"
  })  
  .state("main.1", {
      controller:'mainController',
      parent: 'main',
      url:"/1",
      templateUrl: 'form_1.html'
  })  
  .state("main.2", {
      controller:'mainController',
      parent: 'main',
      url: "/2",
      templateUrl: 'form_2.html'
  })  

初始化父控制器中的数据

将父控制器中的数据实例化为具有属性的对象，例如：

controller('mainController', function ($scope) {
  $scope.Model = $scope.Model || {Name : "xxx"};
})

在 ng-model 中使用点表示法

通过在 ng-model 中使用点表示法确保原型继承，例如：

<input type="text" ng-model="Model.Name">

示例：

查看此 Plunker 中的工作示例：https://plnkr.co/edit/jmEb62e96kHlXPjLGBb9?p=preview

以上是如何在没有服务或观察者的情况下在 AngularJS 中的状态之间共享 $scope 数据？的详细内容。更多信息请关注PHP中文网其他相关文章！