Javascript UI角度引导类型先行隐藏第一个选项
我正在使用UI角引导typeahead功能。我想隐藏第一个选项。在这里,我想对用户隐藏选项Alaska。如何做到这一点Javascript UI角度引导类型先行隐藏第一个选项,javascript,jquery,css,angularjs,twitter-bootstrap,Javascript,Jquery,Css,Angularjs,Twitter Bootstrap,我正在使用UI角引导typeahead功能。我想隐藏第一个选项。在这里,我想对用户隐藏选项Alaska。如何做到这一点 如果您总是想隐藏第一个结果,那么只需在typeahead上放置一个类,如。隐藏第一个结果,然后使用css将其隐藏: .hide-first-result ul > li:first-child { display: none; } 例如: <span class="hide-first-result"> <input type="text" ng-
如果您总是想隐藏第一个结果,那么只需在typeahead上放置一个类,如
。隐藏第一个结果
,然后使用css将其隐藏:
.hide-first-result ul > li:first-child { display: none; }
例如:
<span class="hide-first-result">
<input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control">
</span>
您可以从列表中删除第一个元素:
<input type="text" class="input-fit"
typeahead-on-select="selectItem($item);"
typeahead-min-length="3"
typeahead-wait-ms="1000"
typeahead-loading="loading"
ng-model="selectItem"
data-ng-click="resetItemInput()"
uib-typeahead="i.name for i in items($viewValue)">
我认为这不容易实现。一种解决方法是定义一个自定义筛选器,它总是删除第一个元素。我不想从列表中删除该元素。我想对用户隐藏它,但用户过滤器不会删除它。它只是不渲染UII中的第一个元素。我希望该元素被渲染,但从视图中隐藏。使用css属性显示:无来隐藏它。这是一种过火的方式。他只是想隐藏一些东西,为什么不使用css呢?这是另一种方式。我不认为这个解决方案会过分,因为他永远都不需要第一个选项。这不是一个糟糕的做事方式,只是远远超过了需求。与只看到一个名为
hide first result
的类相比,另一个人也需要更长的时间才能弄清楚到底发生了什么
$scope.items = function(search) {
var defer = $q.defer();
ItemService.getItems(search).then(function(data) {
defer.resolve(data.splice(0,1));
});
return defer.promise;
};