如何将所选项目存储在模型的"Select"字段中？

Question

我想在标签或列表中显示所选项目。

我用switch在形式和结果之间切换。请参阅下面的代码

<div ng-switch on="format">  
   <div ng-switch-when="form">
     <div class="floatLeft">Seeeeeelect</div>
      <select multiple="multiple" ng-model="test">
        <!--<option value ="sdfsdf" ng-repeat="n in ['a','b','c']">{{n}}</option>-->
        <option value ="AAA">AAA</option>
        <option value ="BBB">BBB</option>
        <option value ="CCC">CCC</option>
      </select>
      {{test}}
   </div>
   <div ng-switch-when="result">{{test}}</div>
 </div>
<button ng-click="showForm()">Form</button>
<button ng-click="showPreview()">Result</button>

在控制器中，我有如下方法，

    $scope.showPreview=function() {
    $scope.format='result';
  };
      $scope.showForm=function() {
        $scope.format='form';
      };

在选择列表中的项目后，当我试图通过点击"结果"按钮切换到"结果"时。所选项目未填充。

有人能告诉我哪里出了问题吗。

感谢

Answer 1

ng-switch创建子作用域。所以你必须用$parent.test来引用test。

<select multiple="multiple" ng-model="$parent.test">

<div ng-switch-when="result">{{ $parent.test }}</div>

  </select>
    {{ $parent.test }}
</div>

小提琴