0

このディレクティブには問題があります。最初のものは、リストにアイテムが表示されないことです..次に、ngRepeatに重複した値があり、何かを見ることができても、それを選択して入力に入れることができないと言うことがあります! どのように可能ですか？ここにプランカーがあります

http://plnkr.co/edit/vTwOqcN4pm3FgKLYlLu9?p=preview

ちなみに、これはhtmlコード部分です：

<body ng-controller="MainCtrl">
    <tags-input ng-model="tags"add-from-autocomplete-only="true">
      <auto-complete min-length="1"
                    source="loadTags($query)"
                    template="my-custom-template"></auto-complete>
    </tags-input>
    <p>Model: {{tags}}</p>

     <script type="text/ng-template" id="my-custom-template">
        <div class="right-panel>
            <span ng-bind-html="$highlight($getDisplayText())"></span>
            <h1 style="font-size: 15px!important" class="uk-margin-remove">
                {{data.name}}
            </h1>
        </div>
    </script>

  </body>

そしてここに角度があります：

var app = angular.module('plunker', ['ngTagsInput']);

app.controller('MainCtrl', function($scope, $http) {
  $scope.tags = [];


  $scope.loadTags = function(query) {

            return $http.get('tags.json', {
                cache: true
            }).then(function(data) {
                $scope.names = data.data.data;

                return $scope.names;
            });
        };

});
4

3 に答える 3

0

あなたのコードはよさそうです。私が見る唯一の問題は、tags.json では、data.data オブジェクトが {id: idVal, text: nameVal} の形式である必要があることです。つまり、表示フィールド名は「name」ではなく「text」にする必要があります。

于 2015-07-02T16:03:39.267 に答える