управление шириной опций внутри элемента select - PullRequest
Новая
       2

управление шириной опций внутри элемента select

0 голосов
/ 30 октября 2018

У меня есть элемент select с определенной шириной. У меня вопрос, как я могу контролировать ширину опций, используя угловые, чтобы они были такой же ширины, как панель выбора, относительно их длины ввода? Я использую ng-select для установки параметров. 

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.names = ["Regular option", "Long option number 1", "Very very long option that doent mke sense"];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="x for x in names" style="width: 180px">
</select>
</div>

<p>This example shows how to fill a dropdown list using the ng-options directive.</p>

</body>

1 Ответ

0 голосов
/ 30 октября 2018

Просто удалите ширину из стиля на элементе выбора (style="width: 180px")

См. Ниже фрагмент: 

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.names = ["Regular option", "Long option number 1", "Very very long option that doent mke sense"];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="x for x in names">
</select>
</div>

<p>This example shows how to fill a dropdown list using the ng-options directive.</p>

</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...