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