gpt4 book ai didi

javascript - angular-ui-select 控制主题和定制

转载 作者:行者123 更新时间:2023-12-04 01:28:31 24 4
gpt4 key购买 nike

我使用 Angular UI https://github.com/angular-ui/ui-select .

我在使用控件时遇到一个小问题。我想完全避免使用箭头(不幸的是,这似乎允许用户提交整个表单)。见下图红圈:

screen capture

这是相应的html:

<div class="form-group">
<label for="address" class="control-label col-lg-3">signup.form.address</label>
<div class="col-lg-6">
<ui-select ng-required="true" id="address" name="address" ng-model="signupForm.addressReference" reset-search-input="false" theme="bootstrap">
<ui-select-match placeholder="Select address...">{{$select.selected.description}}</ui-select-match>
<ui-select-choices repeat="address.reference as address in addresses track by $index" refresh="chooseAddress($select.search)" refresh-delay="0">
{{address.description }}
</ui-select-choices>
</ui-select>
</div>
<div ng-messages="signupNgFormCtrl.address.$error" ng-if="signupNgFormCtrl.$submitted" class="col-lg-3">
<div ng-message="required">required</div>
</div>
</div>

有人可以帮忙吗?

问候,

最佳答案

所有模板都定义在select.js的末尾.例如,这个有 class="select2-arrow" :

$templateCache.put("select2/match.tpl.html", 
"<a ...> ... <span class=\"select2-arrow ui-select-toggle\" ng-click=\"$select.toggle($event)\"><b></b></span></a>");

或者那个有 <span class=\"caret ui-select-toggle\" ng-click=\"$select.toggle($event)\"></span> :

 $templateCache.put("bootstrap/match.tpl.html", ...

两者都有ng-click可能导致您提到的影响的事件。为避免箭头或效果,您可以覆盖与您的主题相对应的模板。

关于javascript - angular-ui-select 控制主题和定制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27621357/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com