Angularjs Select在模式窗口中不起作用

Question

您好，我正在使用angularJs和bootstrap開發Web應用程序。 我在模式窗口中使用選擇時遇到問題。 這是一個有效的插件文件的鏈接。
http://plnkr.co/edit/mcl2BMQhWRvRffvbw2nX?p=preview

只是為了讓您了解我的問題。 我不能輸入真實的代碼，因為它是用於大學課程的。 而且我無法在插栓中制作類似的無效代碼。

 angular.module('plunker', ['ui.bootstrap']); var ModalDemoCtrl = function ($scope, $modal, $log) { $scope.items = ["item1","item2","item3"]; $scope.open = function () { var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', controller: ModalInstanceCtrl, resolve: { items: function() { return $scope.items; } } }); }; }; var ModalInstanceCtrl = function ($scope, $modalInstance, items) { $scope.items = items; $scope.ok = function () { $modalInstance.close($scope.items); }; $scope.cancel = function () { $modalInstance.dismiss('cancel'); }; }; 

 angular.module('plunker', ['ui.bootstrap']); var ModalDemoCtrl = function($scope, $modal, $log) { $scope.items = ["item1", "item2", "item3"]; $scope.open = function() { var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', controller: ModalInstanceCtrl, resolve: { items: function() { return $scope.items; } } }); }; }; var ModalInstanceCtrl = function($scope, $modalInstance, items) { $scope.items = items; $scope.ok = function() { $modalInstance.close($scope.items); }; $scope.cancel = function() { $modalInstance.dismiss('cancel'); }; }; 

所以我的問題如下：在select標記（在視圖中）中，我可以看到所有選項，但無法選擇它們。
我試圖放一個“。” 在我的ng-model參考中，我嘗試使用父范圍。 （我認為我對示波器很滿意，我閱讀了有關它的所有文檔，在論壇上閱讀了多個主題，並且嘗試了很多事情）。
因此，我很確定問題不會直接來自示波器。 （此外，我不希望觸發父作用域，因此它應該以正常方式工作）。

問題是，沒有<select>中的ng-model，ng-options不能工作。 所以我想我的$scope.selectedItem是在某個地方創建的。 但是之后，選擇被阻止，我什么也不能選擇。
如果我將默認值放在$scope.selectedItem的控制器中，則會更新select標簽，並且默認值似乎已被選中。 但是我還是別無選擇。

您有什么想法嗎？

在此先感謝您，對不起我的英語:)

Answer 1

我找到了解決我問題的方法。 使用引導程序，我們可以創建模式窗口，而無需在javascript文件中聲明任何內容。 為此，我們必須在使用它的html文件中包含模式窗口。
這是一個顯示解決方案的示例（與上面的示例不同）：

這段代碼打開模式：

<div ng-include="getItemTemplate('modalVariables')"></div>
<button type="button" class="btn btn-primary btn-section" data-toggle="modal" data-target="#variablesModal">Variables</button>

在模態中，我們有：

<div class="modal fade" id="variablesModal" role="dialog" aria-labelledby="modalTitle" aria-hidden="true" tabindex="-1">
<!-- content of the modal window here -->
</div>

有了這段代碼，模態內部的選擇對我來說是正確的。 但是我仍然不知道為什么它以前不起作用。