保持 Angularjs HTML 绿色

Question

当我将 ng-options 添加到 select 元素时，我得到如下所示的选项：

<select name="folderId" data-ng-model="message.folderId" data-ng-options="folder.id as folder.name for folder in folders">

<option value="" class="">No Folder</option>
<option label="Bulk" value="string:0fedcc77-4cc5-4a9a-ba2f-847f8581d4d7" selected="selected">Bulk</option>
<option label="Auto Responder" value="string:d0898116-88ce-4e25-8d91-b17a7a29adc1">Auto Responder</option>
<option label="Customer Service" value="string:6ec044c1-c378-42de-82ad-f3dc63c58f00">Customer Service</option>

</select>

上面的问题是 Angular 在文件夹 ID 前面添加了 string:。此表单在单击时将数据提交到远程页面。但是，字符串：正在将有效的 guid 变成无效的 guid。是否可以指示 Angularjs 不向 value 属性添加额外信息？

谢谢。

Answer 1

试试改成这样

<select name="folderId" data-ng-options="folder.id as folder.name for folder in folders track by folder.id">

var app = angular.module('app', []);
app.controller('FirstCtrl', function($scope) {
  $scope.folders = [{
    "name": "A",
    "id": "12"
  }, {
    "name": "B",
    "id": "15"
  }, {
    "name": "C",
    "id": "13"
  }];
  $scope.folder = $scope.folders[0];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="FirstCtrl as vm">
  <form name="form">
    <select name="folderId" ng-model="folder" data-ng-options="folder as folder.name for folder in folders track by folder.id"></select>
  </form>
</div>

保持 Angularjs HTML 绿色

Keeping Angularjs HTML Green

angularjs

ng-options