нг-повторить фильтр с условием угловой JS

Question

Это мой код:

<option ng-repeat="name in names" value="{{names.name}"> 
    {{names.name | limitTo:10 }} 
</option> 

Как я могу добавить условие:

if(names.name.length > 10) { 
    //add ... point after name displayed 
} 

, чтобы привести <option value="Alexander Bradley">Alexander ... </option>

Есть идеи?

Answer 1

Вы можете создать свой собственный фильтр, который сделает это, и включить параметр длины, если хотите.

.filter("ellipses", function() { 
    return function (item) { 
     if (item.length > 10) { 
      return item.substring(0, 10) + " ..." 
     } 
     return item; 
    }; 
}); 

<option ng-repeat="name in names" value="{{names.name}"> 
    {{names.name | ellipses }} 
</option> 

---

Вы можете включить длину аргумента, а и даже использовать limitTo сам:

.filter("ellipses", ["$filter", function ($filter) { 
    return function (item, limit) { 
     if (item.length > limit) { 
      return $filter("limitTo")(item, limit) + " ..."; 
     } 
     return item; 
    }; 
}]); 

Answer 2

Я думаю, что это то, что вы просили .. Ограничение имя до 10 символов, а затем добавить «...» до конца, если оно превышает 10 символов. Вот как я это сделаю. (Также исправлены некоторые из ваших синтаксических ошибок).

<option ng-repeat="name in names" value="{{name}}"> 
    {{name.length <= 10 ? name : name.substring(0, 10) + "..."}} 
</option>