如何将数据传递给角度基础模态$ scope？

我正在使用角度基础，特别是模态http://madmimi.github.io/angular-foundation/#/modal，我很困惑如何在使用一个控制器时将数据传递给模态，我想获取数组值并更新模态以显示特定的用户信息，例如： $ scope.updateUserInfo = $ scope.user [index]，唯一的问题是如何将数据传递给模态。

myApp.controller('users',function ($scope,$location,$http,$modal,msg) { 
$http.get('api/v1/users') 
.success(function (data,status) { 
    $scope.user = data; 
}) 
.error(function (data,status) { 
    $location.path('/login'); 
}); 

$scope.showWrite = function() { 
    $scope.write = true; 
} 

$scope.closeWrite = function() { 
    $scope.write = false; 
    $scope.newUser = ''; 
} 

$scope.save = function() { 
    $http.post('api/v1/users/store',$scope.newUser) 
    .success(function (data,status) { 

     $scope.user.unshift({ 
      id: data, 
      first_name: $scope.newUser.first_name, 
      last_name: $scope.newUser.last_name, 
      email: $scope.newUser.email, 
      role: $scope.newUser.role 
     }); 

     $scope.write = false; 
     $scope.newUser = ''; 
    }) 
    .error(function (data,status) { 
     alert('failed'); 
    }); 
} 

$scope.confirmDelete = function (index,id) { 
    msg.confirmDelete().then(function(value) { 
     $scope.text = msg.getText(); 
     $http.get('api/v1/users/destroy/'+id) 
     .success(function (data,status) { 
      $scope.user.splice(index,1); 
     }) 
     .error(function (data,status) { 
      alert('Error : Operation failed'); 
     }); 
    }); 
} 

$scope.showUserInfo = function() { 

} 

$scope.userUpdate = function() { 

} 


$scope.showUserUpdate = function (index) { 
    $modal.open({ 
     templateUrl: 'partials/message/update.html', 
     controller: 'users' 
    }); 
}

}）;

来源

2014-04-22 munzx

来传递数据，以$模态，你需要更新你的$态函数是这样的：

$scope.showUserUpdate = function (popUpData) { 
    var modalInstance = $modal.open({ 
     templateUrl: 'partials/message/update.html', 
     controller: ['$scope', '$rootScope', '$modalInstance', 
     function($scope, $rootScope, $modalInstance) { 
      $scope = angular.extend($scope, popUpData); 
     }], 
     resolve: {} 
    }); 
    return modalInstance; 
};

所以popupData是要传递给你的模态数据。然后popupdata将与该控制器的现有范围合并。现在您可以访问HTML中的popupData键。请记住，我们在此函数中返回模态实例，因此您可以使用此实例手动关闭弹出窗口。

来源

2014-04-22 08:15:18

感谢，但如果实例是$范围元素里面，我们如何可以回到它只是执行像关闭其它操作（）例如，这是角度创作者如何让我们使用它？！，再次感谢 – munzx

是的，这也写在他们的文档中。 http://madmimi.github.io/angular-foundation/#/modal –

另一种方法是使用resolve属性并将其注入到控制器：

$scope.showUserUpdate = function (popUpData) { 
    var modalInstance = $modal.open({ 
     templateUrl: 'partials/message/update.html', 
     controller: ['$modalInstance', 'data', function($modalInstance, data) { 
      data.popUpData = ... 
     }], 
     resolve: { 
      data: popUpData 
     } 
    }); 
    return modalInstance; 
};

来源

2016-02-08 11:30:21 Felix

如何将数据传递给角度基础模态$ scope？

回答

相关问题