Question

我有以下脚本模板，用于在div元素中显示模式对话框。

<div ng-controller="ModalDemoCtrl">
  <script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header">
      <h3 class="modal-title">Export a Table</h3>
    </div>
    <div class="modal-body">
      <h3>Select Entity</h3>
      <select id="selected-entity" >
        <option ng-repeat="num in entities" value={{num}}></option>
      </select >
      <h3>Select Environment</h3>
      <select id="selected-environment">
        <option ng-repeat="e in envs" value={{e}}></option>
      </select>
    </div>
    <div class="modal-footer">
      <button class="btn btn-primary" ng-click="ok()">OK</button>
      <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>
  </script>

  <button class="btn btn-default" ng-click="open()">Create</button>
  <button class="btn btn-default" ng-click="open()">Export</button>
  <button class="btn btn-default" ng-click="open('sm')">Import</button>
</div>

当我对我调用console.log的两个对象（实体和环境）执行ng-repeat时，我能够将其内容成功记录到控制台。但是，它们的内容不会显示在我弹出的模态对话框中。

我是Angular的新手，非常感谢任何帮助。

Answer 1

最好使用ngOptions来实现这一目标，但如果您仍想使用ng-repeat执行此操作，请参阅以下plunker。

mapOptions: function() {
    // Make sure the maps API has loaded
    if (GoogleMaps.loaded()) {
      // Map initialization options
      return {
        center: new google.maps.LatLng(XX.XXXX,XX.XXXX),
        zoom: 8
      };
    }
  }

请按照plunker链接获取代码。

Plunker

在脚本模板内部的ng-repeat不呈现

1 个答案: