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