angularjs - tags-input show a a element of an array

Question

hi i have a JSON like this:

pages[
{
    "id": "74682309",
    "labels": [
      {
        "term": "test1",
        "probability": 0.069
      },
      {
        "term": "test2",
        "probability": 0.037
      }
    ]
}];

and using tags-input i want the tags to read only the term and show the term so i can show and update.

i have

<tags-input ng-model="se.labels"></tags-input>

the 'se' comes from ng-repeat="se in searchCtrl.pages

Answer 1

根据文档（http://mbenford.github.io/ngTagsInput/documentation/api），您可以更改 keyProperty 和 displayProperty 以使其使用“术语”而不是“文本”

Answer 2

考虑到提供的 JSON 是有效的 JSON ，我创建了一个小提琴来演示如何获取所需的数据。您的 JSON 无效。

var myApp = angular.module('myApp',['ngTagsInput']);
myApp.factory('data', function() {
    var data = [
{
    "id": "74682309",
    "labels": [
      {
        "text": "test1",
        "probability": 0.069
      },
      {
        "text": "test2",
        "probability": 0.037
      }
    ]
}];

    return data;
});

myApp.controller('MyCtrl', ['$scope', 'data', function($scope, data) {    
    var values = [];
    data.map(function(elem) {
        return elem.labels.forEach(function(el) {
            values.push({
                "text" : el.text
            });
        });
    });    

    $scope.tags = values;
}]);               

和 html 部分：

<div ng-controller="MyCtrl">
    <div class="elem">       
        <tags-input ng-model="tags"></tags-input>
    </div>
</div>

这是小提琴：

http://jsfiddle.net/HB7LU/16554/

更新：

您没有将角度ng-tags-input扩展作为标签包含在您的问题中。请看我更新的小提琴：

http://jsfiddle.net/HB7LU/16557/