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

【问题标题】：Scope issues in angular modal popup角度模态弹出窗口中的范围问题
【发布时间】：2014-08-19 02:59:21
【问题描述】：

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

在模态框的主体内，我有一个带有 ng-model 属性的文本框，按下 ok 按钮我想使用该文本框的值。

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

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

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

我创建了一个plunkr link 来调试它。请指教。

【问题讨论】：

标签： angularjs twitter-bootstrap

【解决方案1】：

你有很多问题。首先，您没有在模式上定义范围属性。默认情况下，范围设置为 $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 = {};
   ...
}

标记

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

查看此 plunkr 以获取工作示例：http://plnkr.co/tbVHl27D2pXia19kOjob

【讨论】：