Html AngularJS/CSS-如何将选择框的宽度设置为$scope中的值？

我有两个选择框。第一个是改变第二个的整体。第二个总是将其长度调整为实际条目的最长长度。但是，如果在我选择第一个框的另一项时宽度总是改变，那么它看起来就很难看了

是否可以将第二个框的宽度设置为固定值，由整个（未过滤的）第二个框元素列表中的最长元素计算？在这个范围内，我可以计算最长元素的字符数。我能把这个调整到宽度吗

我已经试过了（为了测试）

通过作用域中的getMaxLength（）方法返回字符数。但这并没有改变任何事情

有人试过这个吗？使用ng attr size设置大小是可行的，但高度对我没有任何帮助

我会感激每一个暗示或想法！ 雅娜

---

添加：
我的示例与答案不匹配，因为我没有给出a“name”属性。然后，穆罕默德·雷达（Muhammad Reda）的回答很好，我相信大多数其他想法也会奏效。我通过比较穆罕默德·普朗克和我的密码发现了这一点。这是唯一的区别

ng-style="customStyle" ..

在你的控制器里

$scope.customStyle = {'width':$scope.getMaxLength()}

使用此

ng style=“{'width'：{{{getMaxLength（）}}+'px'}”

而不是您可以使用的

style

元素

从文件：

ngStyle指令允许您有条件地对HTML元素设置CSS样式

例如：

<select ng-style="{'width': getMaxLength() + 'px'}"></select>

---

你能为你的问题编造一把小提琴吗？对不起，我现在还不习惯摆弄。如果有时间，我会创建一个。这个语法似乎是错误的。。。我的编辑将其标记为误拍（8，它知道角度），也没有多大帮助，另见穆罕默德·雷达的答案。sytax看起来不错（没有标记为误拍），但它没有效果。我必须在angular main package或其他什么下面安装一些软件包吗？尝试将

getMaxLength（）

中的颜色值打印到控制台。由

getMaxlentgh（）

计算的值是500，它会打印在控制台上，并且在html UI中以

的纯文本形式打印{{getMaxLength（）}

。所以方法和值是正确的…现在我尝试使用一个固定字符串，如“width:500 px”作为范围变量，就像在你的plunker中一样。我可以在UI中打印它，但作为ng样式，它对我的UI没有任何影响…让我们来看看。我使用了它，它似乎也没有任何影响：-（我使用最新版本的firefox。。。

<select ng-style="{'width': getMaxLength() + 'px'}"></select>