11

我有以下代码：

angular
  .module('myApp')
  .directive('layout', function () {
      return {
          restrict: 'E',
          template: '<div ng-include="layoutCtrl.pageLayout"></div>',
          controller: 'LayoutController',
          controllerAs: 'layoutCtrl',
          bindToController: true,
          scope: {
              pageLayout: '=',
              pageConfiguration: '=',
              isPreview: '='
          }
      };
  });

angular
  .module('myApp')
  .controller('LayoutController', LayoutController);

function LayoutController($scope, LayoutDTO, LayoutPreviewDTO) {
    var self = this;
    self.layoutDTO = LayoutDTO;
    self.layoutPreviewDTO = LayoutPreviewDTO;
    var test = $scope;

    if(self.isPreview)
        self.layoutModel = new self.layoutPreviewDTO(self.pageConfiguration);
    else
        self.layoutModel = new self.layoutDTO(self.pageConfiguration);
}


<div>
    <layout page-layout="ctrl.layoutTemplateUrl" page-configuration="ctrl.pageConfiguration" is-preview="false"></layout>
</div>

在 Angular 1.5.3 版本中，这按预期工作，我的控制器中的变量带有值。现在，自从我升级到 1.6.x，self.pageConfiguration 现在是未定义的。

除了角度版本之外，没有任何变化。

如何处理传递给控制器​​中指令的值？

4

2 回答 2

18

AngularJS 团队建议将依赖于范围绑定的控制器代码移动到$onInit函数中。

function LayoutController($scope, LayoutDTO, LayoutPreviewDTO) {
    var self = this;
    this.$onInit = function () {
        // bindings will always be available here
        // regardless of the value of `preAssignBindingsEnabled`.
        self.layoutDTO = LayoutDTO;
        self.layoutPreviewDTO = LayoutPreviewDTO;
        var test = $scope;

        if(self.isPreview)
            self.layoutModel = new self.layoutPreviewDTO(self.pageConfiguration);
        else
            self.layoutModel = new self.layoutDTO(self.pageConfiguration);
    };
}

$编译：

由于bcd0d4，默认情况下禁用控制器实例上的预分配绑定。仍然可以重新打开它，这在迁移过程中应该会有所帮助。预分配绑定已被弃用，并将在未来的版本中删除，因此我们强烈建议尽快迁移您的应用程序以不依赖它。

依赖于存在绑定的初始化逻辑应该放在控制器的$onInit()方法中，保证总是在绑定分配后调用。

-- AngularJS 开发者指南 - 从 v1.5 迁移到 v1.6 - $compile

更新

该$compileProvider.preAssignBindingsEnabled标志已从 AngularJS V1.7 中删除。

AngularJS 团队强烈建议尽快迁移您的应用程序以使其不依赖它。AngularJS V1.6 于 2018 年 7 月 1 日终止。

从文档：

由于38f8c9，构造函数中不再提供指令绑定。

以前，该$compileProvider.preAssignBindingsEnabled标志是受支持的。该标志控制绑定是在控制器构造函数中可用还是仅在$onInit钩子中可用。绑定现在在构造函数中不再可用。

要迁移您的代码：

  • 如果您指定$compileProvider.preAssignBindingsEnabled(true)，您需要首先迁移您的代码，以便可以将标志翻转为false. “从 1.5 迁移到 1.6”指南中提供了有关如何执行此操作的说明 。之后，删除该$compileProvider.preAssignBindingsEnabled(true)语句。

— AngularJS 开发者指南 - 迁移到 V1.7 - 编译

笔记：

2018 年 7 月 1 日，对 AngularJS 1.6 的支持结束。有关更多信息，请参阅AngularJS MISC - 版本支持状态。

于 2017-02-24T04:07:17.150 回答
1

我想到了：

https://github.com/angular/angular.js/commit/dfb8cf6402678206132e5bc603764d21e0f986ef

现在默认为 false，必须设置为 true $compileProvider.preAssignBindingsEnabled(true);

于 2017-02-23T22:49:52.807 回答