Angularjs 角度模态分析中的范围问题

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

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

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

---

我已经创建了一个用于调试此的。请给出建议。

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

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

其次，应该将ng模型设置为对象的属性，否则angular将自动在子范围上为您创建属性

控制器

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

标记

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

---

请参阅此plunkr了解工作示例：

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

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

其次，应该将ng模型设置为对象的属性，否则angular将自动在子范围上为您创建属性

控制器

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

标记

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

---

请参阅此plunkr了解工作示例：

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

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

其次，应该将ng模型设置为对象的属性，否则angular将自动在子范围上为您创建属性

控制器

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

标记

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

---

请参阅此plunkr了解工作示例：

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

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

其次，应该将ng模型设置为对象的属性，否则angular将自动在子范围上为您创建属性

控制器

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

标记

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

有关工作示例，请参见本手册：