AngularJs Modal從rootScope設置默認值

Question

我對模態值有疑問。 我有$ rootScope和on即時消息包含包含的模式，我無法將默認值/選定值設置為

<form>
    <input type="button" class="mobileUpdate" ng-click="openMobileUpdateModal()" />

    <script type="text/ng-template" id="mobileModal.html">
         <form name="modalForm">
             <div class="modal-body">
                   <p>Country</p>
                   <select id="countryMobile" ng-model="countryMobile" class="select-styled" name="countryMobile" required>
                       <option ng-repeat="country in countries" value="{{country.id}}">{{country.name}}</option>
                   </select>
                </div>
             </div>
             <div class="modal-footer">
                 <input type="button" ng-click='confirm()' value="OK"/>
                <input type="button" ng-click='cancel()' value="Cancel"/>
             </div>
         </form>
     </script>

</form>


   $rootScope.openMobileUpdateModal = function () {

      $rootScope.countryMobile = $rootScope.country;
      var modalInstance = $modal.open({
        templateUrl: 'mobileModal.html',
        controller: ModalInstanceCtrl
      });
    };
    var ModalInstanceCtrl = function ($rootScope, $modalInstance) {
        $rootScope.confirm = function () {
         //do something
          $modalInstance.close();
        };
        $rootScope.cancel = function () {
          $modalInstance.dismiss();
        };
    };

有誰知道如何將值從$ rootScope發送到模式，並將該值設置為默認值？ 謝謝

Answer 1

首先存在語法錯誤，您在選擇標記代碼時使用雙引號twise。 如下更新它，然后嘗試。 並在ng-model中使用$root 。

<select id="countryMobile" ng-model="$root.countryMobile" class="select-styled" name="countryMobile" required>
      <option ng-repeat="country in countries" value="{{country.id}}">{{country.name}}</option>
</select>

Answer 2

我不確定我是否正確理解了您的問題，但請嘗試不要使用rootScope或進行修改，並避免修改rootScope。

如果需要使用rootScope的一些值：

1. 將此值提取到特定控制器的本地范圍，然后使用它
2. 使用WATCH運算符可以避免在初始化之前呈現某些值的情況。

Answer 3

<option ng-repeat>在angularjs中不起作用。 你應該使用

<select id="countryMobile" ng-model="countryMobile" class="select-styled"   name="countryMobile" required ng-options="country.id as country.name for country in contries"></select>

http://docs.angularjs.org/api/ng/directive/select