角度模态弹出窗口中的范围问题

我的页面上有一个模式弹出窗口。模式弹出窗口使用引导角度库。

在模式的主体内部，我有一个带有 ng-model 属性的文本框，按下“确定”按钮后，我想使用该文本框值。

<input type="text" data-ng-model="ProjectName" class="form-control"  tab-index="1" required />

但是当我将值记录到控制台时，我没有得到该值。

$scope.ok = function () {
   console.log($scope.ProjectName);
  };

我创建了一个笨蛋链接 http://plnkr.co/edit/u9O0vgz2rvBFb2seR36O?p=preview用于调试这个。请指教。

你有很多问题。 首先，您没有在模态上定义范围属性。默认情况下，范围设置为 $rootScope 的子级。

 var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,
      size: size,
      scope: $scope,
      resolve: {
      }
    });

其次，您应该将 ng-model 设置为对象的属性，否则 Angular 会自动在子作用域上为您创建该属性。

控制器

var ModalDemoCtrl = function ($scope, $modal, $log) {
  $scope.model = {};
   ...
}

Markup

<div class="modal-body">
    <input type="text" ng-model="model.ProjectName" />
</div>

请参阅此 plunkr 以获取工作示例：http://plnkr.co/tbVHl27D2pXia19kOjob http://plnkr.co/tbVHl27D2pXia19kOjob