如何将CSS样式应用于Angular JS下拉

Question

您好，我有一个要求，显示下拉使用角JS。

在这个下拉列表中有些值有250个字符，所以下拉变得非常大，整个页面本身的尺寸变得非常大，所以我想用一些CSS样式来控制它，但我不知道这样做是为了角度Js选择下拉菜单。

<table> 
    <tr> 
    <td> 
     <select ng-model="newrelatedFault" ng-options="item.FaultIdAndName for item in relatedFaults track by item.Id | filter: Fault.relatedFaults.isSelected(item)"> 
     <option value="">@selectLabel</option> 
     </select> 
    </td> <td> 
    <a ng-click="Fault.relatedFaults.add(newrelatedFault.Id, newrelatedFaultDescription); newrelatedFault = null; newrelatedFaultDescription = null;" ng-disabled="newrelatedFault == null" class="btn btn-link btn-action"><i class="icon-plus" title="Add New"></i>Add</a> 
        </td> 
       </tr> 
      </table> 

Answer 1

你可以使用一个截断以省略号，因为在这个article by Chris Coyier描述。

以下所有条件都是必需的，所以文本必须位于一条直线上，该条线溢出隐藏溢出的方框。

.truncate { 
    width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

A bunch more techniques here, including multi-line ellipsis。