angulaire de l'interface utilisateur modal ne peut PAS se référer à la portée parent

je suis angulaire à l'aide de l'interface utilisateur modal pour créer modal dans mon projet.

Tout fonctionne bien jusqu'à ce que j'ai besoin de faire référence à la variable dans la portée parent. voir plunker code

Il semble modal ne peut pas accéder à portée parent. Est-il de toute façon à surmonter cela?

OriginalL'auteur fuyi | 2014-05-21

  1. 23

    Angulaire de l'INTERFACE utilisateur de l'utilisation des modaux $rootScope par défaut (Voir la documentation ici).

    Vous pouvez passer une scope paramètre avec une portée personnalisée lorsque vous ouvrez le modal – par exemple scope: $scope si vous souhaitez passer la portée parent. Le modal contrôleur de créer un sous-champ d'application de ce champ, donc vous aurez seulement être en mesure de l'utiliser pour vos valeurs initiales.

    le doc que vous avez fourni n'existe pas, pouvez-vous fournir un nouveau?
    Apparemment, vous ne pouvez pas l'ancre-lien de leur documentation. Aller sur la documentation et de trouver le modale en-tête.
    Quelle serait la solution à l'enfant l'étendue de mettre à jour dynamiquement lorsque la mère de la portée de la modification des valeurs? C'est vraiment important pour moi, car j'ai des données d'interrogation de l'événement qui met à jour les données affichées dans mon modaux et je veux les mettre à jour de façon dynamique. Merci!
    vous devriez poster une nouvelle question. Ce n'est pas quelque chose à répondre dans les commentaires.

    OriginalL'auteur lyschoening

  2. 14

    Vous devrez vous référer à la portée parent dans votre $modal options. Angulaire de la documentation

    Corrigé Plunker Version

    Ci-dessous est également un fragment de code de ce que j'ai ajouté pour le faire fonctionner.

    var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  scope:$scope, //Refer to parent scope here
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});

    OriginalL'auteur Shaidar

  3. 1

    Vous pouvez ajouter un ID de la div parent et d'utiliser son champ d'application.

    <div id="outerdiv"  ng-controller="OuterCtrl">
<h2>Outer Controller</h2>
<input type="text" ng-model="checkBind">
<p>Value Of checkbind: {{checkBind}}</p>

    Et de mettre en place un "faux" de liaison au sein du contrôleur de

    //init
$scope.checkBind = angular.element(document.getElementById('outerdiv')).scope().checkBind;

  $scope.$watch('checkBind', function (newValue, oldValue) {
//update parent
  angular.element(document.getElementById('outerdiv')).scope().checkBind = $scope.checkBind;
  });

    Voir http://plnkr.co/edit/u6DuoHJmOctFLFhvqCME?p=preview

    OriginalL'auteur BironDavid