2

API コントローラー .net Mvc 6 によって返された Json リストで ng-tags-input を使用しようとしています。リストは json で作成されますが、このリストをオートコンプリートで表示しようとすると、何も機能しません。オートコンプリート リストが表示されず、Chrome コンソールにエラーが表示されません。

これは私のリストのオブジェクトです:

[{
  "ShopID":1,
  "CompanyID":1,
  "RegionID":1,
  "Name":"Les Pieux",
  "Town":"Les Pieux",
  "Address":null,
  "ZipCode":null,
  "CreateDate":"2006-01-01T00:00:00",
  "ModificationDate":"2006-09-29T00:00:00",
  "LastModificationUserID":1,
  "PhoneNumber":null,
  "Fax":null,
  "Email":null,
  "CEmployeeShop":null
 }]

これは私のコントローラーでの私の方法です:

 $scope.tokenShops = [];
 $scope.loadJsonShops = function(query)
    {
        //$scope.shops contains my list of shops in json format.
        return $scope.shops;
    }

そしてHtmlのタグ：

<div ng-controller="EmployeesCtrl">
            <tags-input ng-model="tokenShops"
                        display-property="Name"
                        Placeholder="Ajouter un magasin"
                        add-from-autocomplete-only="true">
                <auto-complete resource="loadJsonShops($query)"></auto-complete>
            </tags-input>
        </div>

これは、$scope.shops に入力する私のコードです。

API コントローラー:

public IEnumerable<Shop> Get()
{
    using (LSContext db = new LSContext())
    {
        var listShop = db.Shops.ToList();
        return listShop;
    }
}

アンギュラショップCtrl:

function ShopsCtrl($scope, $http, $rootScope) {
function getShopsList() {
    var reqGetShops = $http({ url: 'api/Shops' });
    reqGetShops.success(function (data) {
        $scope.shops = data;
        $rootScope.$broadcast("getListShops", { list: data });
    });
}
//with api controller the list is returned in json format. I tried an another method to fill my list with an convertion that I do and it doesn't work.

angularjs EmployeeCtrl :

$scope.$on("getListShops", function (event, args) {
    $scope.shops = args.list;
    $scope.selectShop = args.list[0];
})

しかし、私のjsonリストから私の問題はないと思います。誰かが私を助けてくれることを願っています。良い１日を。

4

3 に答える 3

0

auto-completeまたはtags-inputのテンプレートを使用していない場合は、「text」という名前のプロパティを少なくとも 1 つ含むオブジェクトの配列が必要です ( と同様) 。また、適切に機能させるために、結果をフィルタリングする必要もあります。このリンクも参照してください。auto-completetags-inputauto-complete

于 2015-10-07T14:28:32.577 に答える