javascript - 以 Angular 组合两个范围

Question

我有两个示波器，需要将它们组合起来。有谁知道最好的方法吗？以下是两个范围。第二个来自服务

第一个范围，使用 PHP SLIM RESTful API 从数据库中检索信息

Data.get('posts').then(function(data){
        $scope.posts = data.data;
    });

第二个范围通过服务从数据库中检索信息

dataShare.getconfigs().then(function(data){
        $scope.configs = data;
    });

更新:
当我打开模式进行编辑时，我只得到 $scope.posts。我目前没有通过 $scope.configs

$scope.open = function (p,size) {
        var modalInstance = $uibModal.open({
          templateUrl: 'views/postsEdit.html',
          controller: 'postsEditCtrl',
          size: size,
          resolve: {
            item: function () {
              return p;
            }
          }
        }); ...

Answer 1

问题是 $modal.open 将创建新的 isolated 范围，它将在模态 Controller 和模板内部使用。这个新范围将成为 $rootScope 的直接子级，因此它不会从您的 $scope 继承。但是，您想要的是从打开模式的 $scope 对象继承。对于这样的配置模式:

$scope.open = function(p, size) {
  var modalInstance = $uibModal.open({
    templateUrl: 'views/postsEdit.html',
    controller: 'postsEditCtrl',
    size: size,
    scope: $scope, // <-- use $scope as a parent to for modal scope
    resolve: {
      item: function() {
        return p;
      }
    }
  });
};