jquery – 在显示模态之前解析Angular UI Modal打开的promise

@H_673_4@ 我试图在打开的模式上执行jQuery脚本,以便将其中一个字段转换为jQuery UI Spinner.

我正在使用Angular UI中记录的已公开承诺.

问题：
jQuery选择器不能按预期工作,也不会检索任何内容.

所以我的控制器的一个功能看起来像这样：

var modalInstance = $modal.open({
    templateUrl: 'modalDialog.html',controller: modalCtrl,resolve: {
        noOfItems: function(){
            return $scope.noOfItems;
        }
    }
});

modalInstance.opened
    .then(function () {
        $(".spinner").spinner({
            max: 20,min: 1
        });
    });

modalInstance.result
    .then(function () {
        console.log("modal closed");
    });

我的HTML：

<script type="text/ng-template" id="modalDialog.html">
    <div class="modal-header">
        <h4 class="modal-title">My Modal</h4>
    </div>
    <div class="modal-body">
        <input class="form-control spinner" type="text" ng-model="noOfItems" />
    </div>
    <div class="modal-footer">
        <button class="btn btn-default" ng-click="cancel()">Cancel</button>
        <button class="btn btn-priMary" ng-click="save()">Save</button>
    </div>
</script>

@H_869_5@modalCtrl是无关紧要的.

暗示：
我在调用打开的promise时尝试调试器,并发现模态尚未打开.

仅供参考,我使用的是jQuery 1.9.0,jQuery UI 1.10.4,AngularJS 1.2.16和Angular UI Bootstrap v0.11.

yourModule.directive('mySpinner',function() {
  return {
    link: function(scope,elm) {
      elm.spinner({
        max: 20,min: 1
      });
    }
  };
});

<input class="form-control spinner" type="text" my-spinner ng-model="noOfItems"/>