Question

对于autocomplete texbox，我使用的是ngTagInput。并且建议也即将到来。

当我尝试显示data-ng-model（假设名称为“list”）时，我正在执行以下操作：{{list}}，然后它正确显示。

如果我选择“list1”，则显示如下：

[{"listId":1,"listName":"list1"}]

但是，当我尝试仅显示listId时：{{list.listId}}，它甚至没有显示任何内容{{list.listName}}

请帮帮我

谢谢。

这是我的HTML：

<tags-input ng-model="list" display-property="listName" on-tag-added="getlists()" >
     <auto-complete source="loadlists($query)"></auto-complete>
</tags-input>
<p>Id is: {{list.listId}}</p><br>
<p>Name is {{list.listName}}</p>

</tags-input>

这是我的js： -

$scope.loadTags = function(query) {
    return $http.get('resources/json/tags.json');
};

$scope.getlists = function(){
    //not implemented
};

此处{{list}}是： -

[{"listId":2,"listName":"Tag2"}]

我的json是： -

[
    { "listId": 1, "listName": "list1" },
    { "listId": 2, "listName": "list2" },
    { "listId": 3, "listName": "list3" },

Answer 1

由于JSON是一个数组，您需要以下列方式访问它：

list[0].listId和list[0].listName

请参阅plunkr：＆＃34; http://plnkr.co/edit/yRwvyfXUwNibCuNOHuZU?p=preview＆＃34;

无法通过ng-model在html上显示数组json值

1 个答案: