Javascript 角度渲染问题
我正在尝试创建一个类似谷歌的搜索栏。如果用户点击它,它可以正常工作,但是如果用户点击它,下拉菜单将不会呈现。是什么导致了这种行为上的差异 SearchCtrl.jsJavascript 角度渲染问题,javascript,angularjs,Javascript,Angularjs,我正在尝试创建一个类似谷歌的搜索栏。如果用户点击它,它可以正常工作,但是如果用户点击它,下拉菜单将不会呈现。是什么导致了这种行为上的差异 SearchCtrl.js (function(){ var SearchCtrl = function(SearchService){ this.results = []; this.getResults = function(query){ if (!query) { return; } S
(function(){
var SearchCtrl = function(SearchService){
this.results = [];
this.getResults = function(query){
if (!query) { return; }
SearchService.getResults(query)
.then(function(results){
this.results = results.plain();
}.bind(this));
};
};
angular.module('myApp')
.controller('SearchCtrl', SearchCtrl);
})();
search.html
<li class="search-box visible-md visible-lg dropdown open">
<div class="input-group">
<span class="input-group-addon"><i class="ti-search text-muted"></i></span>
<input
type="text"
class="form-control dropdown-toggle"
ng-model="sc.query"
ng-change="sc.getResults(sc.query)"
placeholder="Search...">
</div>
<ul class="dropdown-menu with-arrow panel panel-default" ng-if="sc.results.length">
<li ng-repeat="result in sc.results">
<a href="/results/{{result.id}}">
<i></i>
<span>{{result.name}}</span>
</a>
</li>
</ul>
</li>
-
我不认为下拉切换/菜单引导类是用于输入的。我认为如果您发布一些实时JSFIDLE,帮助会更容易/Plunker@John,谢谢你提供的信息。这是一个引导问题。我不认为下拉开关/菜单引导类是用来与输入一起使用的。我认为如果您发布一些实时JSFIDLE,会更容易提供帮助/Plunker@John,谢谢你提供的信息。这是一个引导问题。