我有一些要求,迫使我的风格的角度引导下拉要像this: 角”自举下拉按钮大小
一切正常,只是我需要按钮的文本响应罚款。所以用户在下拉列表中选择的内容应该显示在按钮中。
正如你所看到的,我在右下角的下拉列表中有一个小三角形,当你选择宽度较短的选项时,会导致问题。像下面
我的问题I,S是有什么办法可以解决这个问题?例如通过设置按钮等于最大长度我有下拉列表中?或任何其他解决方案?
,你可以在这里找到所有代码:
http://plnkr.co/edit/zmDUjqdtPsql9GJjva4T?p=info
angular.module('ui.bootstrap.demo').directive('uibDropdownTemplate', ['$log', function ($log) {
return {
restrict: 'EA',
replace: true,
scope: {
defaultText: '@',
options: '=',
selectedOption: '='
},
templateUrl: 'drop-down.html',
controller: function() {
},
link: function (scope, element, attrs) {
if (scope.selectedOption === undefined) {
scope.selectedOption = scope.defaultText;
}
scope.selectedChange = function(option,$event){
if(scope.selectedOption === option) {
scope.selectedOption = scope.defaultText
$($event.target).removeClass("option-selected");
}
else
{
scope.selectedOption = option;
$("ul.dropdown-menu>li>a").removeClass("option-selected");
$($event.target).addClass("option-selected");
}
};
}
};
}]);
你为什么不使用固定宽度? – sani
另一种解决方案是在你的指令中获取两个宽度并将它们设置为固定宽度 – sani
@sani我有2个固定宽度的问题,1-我不知道宽度,因为我的下拉是一个指令,可以使用不同的时间不同的选项2-我认为我不能设置角度引导按钮的宽度 – Am1rr3zA