angular-ui-modal bootstrap de ne pas passer à l'arrière du résultat
Je suis en cours d'exécution dans un problème avec le modal service de Angular-ui-bootstrap.
J'ai mis en place le modal, selon l'exemple sur : http://angular-ui.github.io/bootstrap/ mais je ne peux pas obtenir les résultats de l'modale si je supprime les éléments de la liste à partir du contenu modal et de les remplacer par une zone de texte et un autre ng-model. Je voudrais configurer un jsfiddle mais je ne sais pas comment inclure des bibliothèques spécifiques (comme angular-ui-bootstrap) qui sont nécessaires pour montrer ce que je veux.
J'ai une capture d'écran de mon modal : http://d.pr/i/wT7G.
Ci-dessous le code de mon contrôleur principal du, principal du de vue, modal contrôleur et modal vue:
principal afficher le code
<button type="button" class="btn btn-success" ng-click="importSchedule()">import schedule (JSON)</button>
contrôleur principal
$scope.importSchedule = function() {
var modalInstance = $modal.open({
templateUrl: 'views/importmodal.html',
controller: 'ModalInstanceCtrl'
});
modalInstance.result.then(function (result) {
console.log('result: ' + result);
//$scope.schedule = angular.fromJson(scheduleJSON);
}, function () {
console.info('Modal dismissed at: ' + new Date());
});
};
modal vue
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Import schedule(JSON)</h4>
</div>
<div class="modal-body">
<textarea class="form-control" rows="15" ng-model="schedule"></textarea>
<pre>form = {{schedule | json}}</pre>
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-default" ng-click="cancel()">Cancel</button>
</div>
modal contrôleur
'use strict';
angular.module('VMP')
.controller('ModalInstanceCtrl', function ($scope, $modalInstance) {
$scope.schedule = '';
$scope.ok = function () {
console.log('schedule: ', $scope.schedule);
$modalInstance.close($scope.schedule);
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
});
Vous devez vous connecter pour publier un commentaire.
Ce qui ne l'
console.log()
à l'intérieur de$scope.ok
spectacle? Si elle ne fait afficher la valeur correcte, je suggère d'emballage de votre horaire de données à l'intérieur d'un objet, afin d'éviter toute portée questions connexes:Puis à l'intérieur de votre modal vue:
Et votre sortie: