Question

您好我需要使用angular JS显示Dropdown。

在这个下拉列表中，一些值有大约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

如何为Angular JS下拉应用CSS样式

1 个答案: