Question

我在这里使用Angular 1.5.5和angular-material 1.1.0。

当我在ng-repeat循环中添加md-chips时，它无法正常工作，我得到了以下错误：

angular.js:13550 TypeError: this.items.some is not a function
at e.appendChip (http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js:13:28477)....

md-template不应该是什么（因为我从md-item-text返回值，这是_id，但我需要$ chip.text）;
即使我更改了md-item-text =＆＃34; item.text＆＃34;它也不会添加项目。（这是错误的，但是为了测试）。

它适用于单个项目（没有ng-repeat）。

<md-list-item ng-repeat="i in dialogueItems track by $index">
  <md-chips ng-model="i.text" md-removable="true" md-enable-chip-edit="true" md-autocomplete-snap="true" md-require-match="true">
    <md-autocomplete md-min-length="0" md-match-case-insensitive="true" md-selected-item="i.selectedItem" md-search-text="i.searchText" md-items="item in loadItems(i.searchText, i.tagId)" md-item-text="i.selectedItem._id" md-autoselect="true" md-no-cache="true"
    placeholder="Words">
      <span md-highlight-text="i.searchText">{{item.text}}</span>
    </md-autocomplete>
    <md-chip-template>
      {{$chip.text}}
    </md-chip-template>
  </md-chips>
</md-list-item>

JS

$scope.dialogueItems = [{
  tagId: 1,
  text: [],
  searchText: null,
  selectedItem: null
}];
$scope.loadItems = function(query, tagId) {
  return $http({
    method: 'POST',
    url: '/api/wordsapi/searchwords',
    data: {
      text: query,
      tagId: tagId,
      count: 10
    }
  }).then(function(d) {
    return d.data.words;
  });
};

api结果的例子：

{
  "words": [{
    "text": "you",
    "_id": "030423b3-99ed-42a2-bab7-7efd10a68cfa"
  }, {
    "text": "i",
    "_id": "a833abe2-c602-4cd7-b765-5b14229ecc7d"
  }, {
    "text": "god",
    "_id": "724766b6-c83c-4679-bf28-827ad1a516eb"
  }, {
    "text": "a",
    "_id": "c2b7920b-7541-42f1-9b61-84a1d7c42930"
  }, {
    "text": "bless",
    "_id": "6ea9b56f-b47b-4453-b97c-0b5ba4311992"
  }, {
    "text": "am",
    "_id": "ab12f90d-9b40-4e33-af13-14e75fbb405a"
  }, {
    "text": "your",
    "_id": "55910a38-4435-4db4-8498-6cddaf4b0059"
  }, {
    "text": "with",
    "_id": "7c5a2627-777f-443e-9f58-83c62e4fae11"
  }, {
    "text": "are",
    "_id": "befa650c-e894-477b-9e67-2f7fb24e40b5"
  }, {
    "text": "good",
    "_id": "90ee8243-630f-4f91-9ecf-0a6469716e0d"
  }],
  "allCount": 1024
}

角度材料芯片md-autocomplete不能用于ng-repeat

0 个答案: