각형 고급 검색 상자에 suggestedValues가 표시되지 않습니다.

Question

검색 상자를 만들 때 Angular advanced searchbox을 사용합니다. 범위 availableSearchParams에 suggestedValues을 추가하면 제안 사항이 표시되지 않고 내 모달이 undefined가됩니다. 무엇이 잘못되었는지 알려주세요.

스크립트로드 순서

angular-advanced-searchbox.min.css 
angular-advanced-searchbox-tpls.min.js 
angular-advanced-searchbox.min.js 
app.js // contain app module 

HTML

<div class="form-group"> 
    <label class="col-md-2 col-lg-2 control-label"></label> 
    <div class="col-md-10 col-lg-10"> 
     <nit-advanced-searchbox ng-model="searchParams" parameters="availableSearchParams" placeholder="Search..."></nit-advanced-searchbox> 
     <pre><code>{{searchParams}}</code></pre> 
    </div></div> 

App.Js

$scope.availableSearchParams = [ 
    { key: "team", name: "Team", placeholder: "filter by team", restrictToSuggestedValues: true, suggestedValues: ['Berlin', 'London', 'Paris'] },{ key: "testtype", name: "TestType", placeholder: "filter by test type",restrictToSuggestedValues: true, suggestedValues: ['Smoke', 'Regression', 'Benchmark'] }, { key: "text", name: "Text", placeholder: "filter by text" } ]; 

$scope.$on('advanced-searchbox:modelUpdated', function (event, model) { 
          console.log(model); 
         }); 

Answer 1

당신은 ui.bootstrap 포함해야 내가 n advanced-searchbox 이전의 모듈 :

angular.module('SensacionalApp', [ 
'ngMaterial', 
'ui.bootstrap', 
'angular-advanced-searchbox' 
]);