L'entrée du modèle ng dans un contrôleur modal angulaire-ui est indéfinie
Dans mon modal modèle que je suis en train d'utiliser ng-model
pour affecter une valeur à la portée de mon contrôleur ($scope.name
), mais ça ne fonctionne pas. Il me donne undefined
. Ce que je fais mal? Plunker ici
J'attends que le modal crée son propre champ d'application, et met name
dans le champ d'application parce que j'ai utilisé ng-model
. Il semble être actif à l'intérieur de l'modal contrôleur que je peux, à la sortie de l'amende à l'aide de {{name}}
<div ng-controller="ModalDemoCtrl">
<script type="text/ng-template" id="myModalContent.html">
<div class="modal-body">
Name: <input type="text" ng-model="name">
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
</div>
</script>
<button class="btn" ng-click="open()">Open me!</button>
</div>
Javascript:
angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.open = function () {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: ModalInstanceCtrl
});
};
};
var ModalInstanceCtrl = function ($scope, $modalInstance) {
$scope.ok = function () {
$modalInstance.close($scope.name);
alert('name was: ' + $scope.name)
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
};
source d'informationauteur Nick | 2014-03-04
Vous devez vous connecter pour publier un commentaire.
Le modèle
name
est créé à l'intérieur d'un champ d'application différent. L'utilisation d'un objet:Plunk