Как установить максимальную длину для ui-select-match

Question

Я использую «ui-select-macth» для добавления нескольких значений. Есть ли способ установить максимальную длину текстового поля, которое будет вводиться каждый раз, если да, можете ли вы мне помочь?

Answer 1

У вас возникли вопросы.

Ниже приводится HTML-код:

<div ng-app="ngrepeatSelect" ng-controller="ExampleController"> 
    <form name="myForm"> 
    <label for="repeatSelect"> Repeat select: </label> 
    <select name="repeatSelect" id="repeatSelect" ng-model="data.repeatSelect"> 
     <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name | truncate:3 }}</option> 
    </select> 
    </form> 
    <hr> 
    <tt>repeatSelect = {{data.repeatSelect}}</tt><br/> 
</div> 

Ниже угловой JS код. Я использовал ui-select match и опции с ng-repeat вместе с фильтром.

angular.module('ngrepeatSelect', []) 
.controller('ExampleController', ['$scope', function($scope) { 
    $scope.data = { 
    repeatSelect: null, 
    availableOptions: [ 
     {id: '1', name: 'Option A'}, 
     {id: '2', name: 'Option B'}, 
     {id: '3', name: 'Option C'} 
    ], 
    }; 

}]) 
.filter('truncate', function() { 
     return function (text, length, end) { 
      if (isNaN(length)) 
       length = 10; 

      if (end === undefined) 
       end = ""; 

      if (text.length <= length || text.length - end.length <= length) { 
       return text; 
      } 
      else { 
       return String(text).substring(0, length-end.length) + end; 
      } 

     }; 
    }); 

Click here, чтобы перейти к демонстрации вышеуказанного кода.