AngularJS de Mise à niveau (1.5 à 1.6,1.7) Rend la directive de la portée des liaisons non défini

J'ai le code suivant:

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>

Dans l'angulaire de la version 1.5.3 cela a fonctionné comme prévu, les variables dans mon Contrôleur ont été à venir avec des valeurs. Maintenant, depuis que j'ai mis à niveau vers 1.6.x, self.pageConfiguration est maintenant défini.

Rien n'a changé, sauf pour le angulaires version.

Comment puis-je obtenir une poignée sur les valeurs passées dans la directive dans mon contrôleur?

Avez-vous vérifié l'angle de changelog pour les dernières modifications qui pourraient causer ce code "ne pas travailler"? Et qu'est-ce exactement ne fonctionne pas - Quelle est l'erreur que vous obtenez? Avez-vous également mis à jour d'autres ng les modules natifs de la même version angulaire?
auto.pageConfiguration est maintenant "undefined" à la place des valeurs qui me sont transmis à partir de l'html <mise en page layout="ctrl.de modèle.layoutTemplateUrl" de la page de configuration="ctrl.de modèle.pageConfiguration" est-preview="false"></mise en page>
Malheureusement, c'est trop large. Pouvez-vous faire un violon que reproduire le problème? Parce que c'est difficile à déboguer sans savoir comment vous appelez cette directive, etc..
Il y a un edit lien dans les tags de la question - Cliquez sur mettre à jour la réponse

OriginalL'auteur drabbitharv | 2017-02-23

13

La AngularJS équipe recommande que contrôleur de code qui dépend de la portée des liaisons être déplacés dans un $onInit fonction.
```
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);
    };
}
```
$compiler:

En raison de bcd0d4, pré-affectation des liaisons sur les instances du contrôleur est désactivé par défaut. Il est toujours possible de retourner sur le dos, ce qui devrait aider lors de la migration. Pré-affectation des liaisons a été désapprouvée et sera supprimée dans une future version, donc nous vous recommandons fortement d'effectuer la migration de vos applications afin de ne pas compter sur elle dès que possible.

L'initialisation de la logique qui s'appuie sur les liaisons être présent devrait être mis dans le contrôleur de $onInit() méthode, qui est garanti pour toujours être appelé après les liaisons ont été assignés.

-- AngularJS Guide du Développeur de la Migration à partir de v1.5 v1.6 - $compiler

Mise à JOUR

La $compileProvider.preAssignBindingsEnabled drapeau a été retiré de AngularJS V1.7.

La AngularJS équipe recommande fortement la migration de vos applications afin de ne pas compter sur elle dès que possible. AngularJS V1.6 va en fin de vie sur 1July2018.

De la documentation:
En raison de 38f8c9, la directive liaisons ne sont plus disponibles dans le constructeur.

Précédemment, la $compileProvider.preAssignBindingsEnabled drapeau a été pris en charge. Le drapeau contrôlé si les liaisons étaient disponibles à l'intérieur du contrôleur de constructeur, ou seulement dans le $onInit crochet. Les liaisons ne sont plus disponibles dans le constructeur.

Pour migrer votre code:
- Si vous avez spécifié $compileProvider.preAssignBindingsEnabled(true) vous devez d'abord migrer votre code, de sorte que l'indicateur peut être retourné pour false. Les instructions sur la façon de faire qui sont disponibles dans le "La migration de 1.5 à 1.6" guide. Ensuite, enlevez le $compileProvider.preAssignBindingsEnabled(true) déclaration.
— AngularJS Guide du Développeur - Migration vers V1.7 - Compiler
Remarque:

Sur 1July2018, le soutien pour AngularJS 1.6 extrémités. Pour plus d'informations, voir AngularJS MISC - Version Statut de Support.

OK, je vais garder cela à l'esprit pour les futures versions, merci de m'indiquer cet article
vous devez marquer ce que la bonne réponse.

OriginalL'auteur georgeawg
1

J'ai tout compris:

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

Par défaut, c'est faux, doit être définie sur true
$compileProvider.preAssignBindingsEnabled(true);

c'est une mauvaise idée si vous êtes en essayant de suivre la voie de migration, car tout ce qui n'est le remettre à 1,5. @Georgeawg mentionné, vous devriez être en utilisant $onInit() pour corriger votre liaison
Le $compileProvider.preAssignBindingsEnabled drapeau a été retiré de AngularJS V1.7.

OriginalL'auteur drabbitharv

Vous devez vous connecter pour publier un commentaire.

Mise à JOUR

Remarque: