Angular 高级搜索框不显示建议值
Posted
技术标签:
【中文标题】Angular 高级搜索框不显示建议值【英文标题】:Angular advanced searchbox doesn't display suggestedValues 【发布时间】:2017-03-01 00:07:01 【问题描述】:我使用Angular advanced searchbox 创建了一个搜索框。但是当将suggestedValues
添加到availableSearchParams
范围内时,它不会显示建议并且我的模式未定义。请让我知道出了什么问题。
脚本加载顺序
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);
);
【问题讨论】:
【参考方案1】:您必须在模块中包含 ui.bootstrap,在 angular-advanced-searchbox 之前:
angular.module('SensacionalApp', [
'ngMaterial',
'ui.bootstrap',
'angular-advanced-searchbox'
]);
【讨论】:
以上是关于Angular 高级搜索框不显示建议值的主要内容,如果未能解决你的问题,请参考以下文章