angularjs – 文本输入框不接受来自Angular UI Bootstrap的模态

我认为这与我的第二个模态这一事实有关,因为当我从“根”打开它(不是从另一个模态打开它)时,文本输入工作正常.

这是我的HTML：

<div class="modal-header">
  <h3 class="modal-title">Pick a student</h3>
<div class="modal-body">

  <!-- I can't type in this text field,no matter where it's placed och if it has any attributes at all -->
  <input type="text" class="form-control" id="searchUsers" placeholder="Search by name,personal ID number or group" ng-model="search.$" ng-click="console.log('omg')">
  <table class="table table-hover table-striped equi-table">
    <tbody>
      <tr ng-repeat="user in state.users | filter:search:strict">
        <td>{{ user.firstName }}</td>
        <td>{{ user.lastName }}</td>
        <td>{{ user.personalIDNumber }}</td>
      </tr>
    </tbody>
  </table>
</div>

这是JavaScript：

这部分从modal nbr 2打开模态：

$scope.addUserToCourse = function () {
  utilities.pickAUserModal();
};

这是实际的模态

angular.module('equiclass.services')
.factory('utilities',function ($modal) {
  var pickAUserModal = function () {
    var modalInstance = $modal.open({
      templateUrl: '/views/modals/pick-a-user-modal.html',controller: function ($scope,$modalInstance,stateService,userService) {
        var log = loggingService.getLogger ('pickAUserModal');

        $scope.state = userService.state;
        userService.initializeUsers().then(function () {
          $scope.hasInitialized = true;
        });

        $scope.ok = function () {
          $modalInstance.close(true);
        };

        $scope.cancel = function () {
          $modalInstance.close(false);
        };
      }
    });
  };

  return {
    pickAUserModal: pickAUserModal
  };
});

为什么我不能在文本输入中输入任何内容？我已经尝试编辑z索引,并在那里放置不同类型的输入(复选框工作,textareas不工作).正如我之前所说,模态是从另一个模态打开的,但模态数字2不是使用Angular UI Bootstrap创建的(我正在慢慢地逐步转向角度UI)