0

这是我的模态函数：

vm.openUpdateStateModal = function (nextState, idea) {
  $scope.nextState = nextState;
  $scope.idea = idea;
  $scope.modalWindowOpen = true;

  $scope.modalInstance = $modal.open({
    templateUrl: 'updateStateModal',
    windowClass: 'updateStateModal',
    scope: $scope
  });

  $scope.modalInstance.result.then(function () {
    $scope.updateState(nextState, idea);
  });

  $scope.modalInstance.result.finally(function () {
    $scope.modalWindowOpen = false;
  });
};

我不想为我的模态设置另一个控制器，这就是为什么我只给我的 $scope 作为参数，而不是单独映射参数。所以在视图方面，我可以使用所有的 $scope 变量。

昨天我将控制器更新为 controllerAs 语法，如下所示：

angular.module('app')
  .controller('IdeaCtrl', function ($scope, ...) {

    var vm = this;
    ...

现在我怎样才能使这个模态函数适应这个新语法？我面临的挑战是：我不止一次地重用模态窗口的视图，也在我的主视图上（没有模态）。而且这个视图已经适应了新的语法“vm.data”而不是“data”。

我试图将我的 vm 作为范围，但它不起作用。我该如何处理？

编辑：

我已将我的功能更改为：

vm.openUpdateStateModal = function (nextState, idea) {
  $scope.nextState = nextState;
  $scope.idea = idea;
  $scope.modalWindowOpen = true;

  $scope.modalInstance = $modal.open({
    templateUrl: 'updateStateModal',
    windowClass: 'updateStateModal',
    controller: 'IdeaCtrl as vm',
    scope: $scope
  });

  $scope.modalInstance.result.then(function () {
    $scope.updateState(nextState, idea);
  });

  $scope.modalInstance.result.finally(function () {
    $scope.modalWindowOpen = false;
  });
};

所以我添加了这一行：

controller: 'IdeaCtrl as vm',

现在看来还可以。但我仍然必须使用作用域中的想法和下一个状态变量。我怎样才能使用来自 vm 的那些？

4

2 回答 2

0

如果您使用采用的模态视图vm作为控制器引用的前缀，那么您传递给模态模板的范围应该具有vm属性。那么你所要做的就是确保你设置了这个vm属性：

$scope.vm = this;

$scope.openUpdateStateModal = function(nextState, idea) {
    $scope.nextState = nextState;
    $scope.idea = idea;
    $scope.modalWindowOpen = true;

    $scope.modalInstance = $modal.open({
        templateUrl: 'updateStateModal',
        windowClass: 'updateStateModal',
        scope: $scope
    });

    $scope.modalInstance.result.then(function() {
        $scope.updateState(nextState, idea);
    });

    $scope.modalInstance.result.finally(function() {
        $scope.modalWindowOpen = false;
    });
};

因此，如果您知道要打开一个vm用作 controllerAs 前缀的模式，那么只需在此范围内提供它vm即可$scope.vm = this;。

于 2015-10-17T08:13:54.417 回答
0

好的，我已经做到了：

vm.openUpdateStateModal = function (nextState, idea) {
  vm.modalWindowOpen = true;
  vm.nextState = nextState;
  $scope.idea = idea;

  vm.modalInstance = $modal.open({
    templateUrl: 'updateStateModal',
    windowClass: 'updateStateModal',
    scope: $scope
  });

  vm.modalInstance.result.then(function () {
    vm.updateState(nextState, idea);
  });

  vm.modalInstance.result.finally(function () {
    vm.modalWindowOpen = false;
  });
};

在视图方面，我使用范围的想法，以及来自 vm 的其他变量。我必须直接从范围使用想法，因为我的主视图上有这样的东西：

ng-repeat="idea in vm.awesomeIdeas

..我不能这样定义：

ng-repeat="vm.idea in vm.awesomeIdeas
于 2015-10-17T10:51:33.480 回答