保持 Angularjs HTML 绿色

Question

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

<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 前面添加了字符串：。单击此表单时，此表单将数据提交到远程页面。但是，字符串： 正在将有效的 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>