Angularjs 放置&x201C;|利米托”;在Angular.js中使用ng选项

Angularjs 放置&x201C;|利米托”;在Angular.js中使用ng选项,angularjs,Angularjs,我是Angular.js的新手 我现在在一个下拉列表中,列出了哥伦比亚和美国的一些城市 我正在使用“ng选项”。我想在下拉城市只有10个字符是有限的。如果是这样,则显示省略号(…)。 我只是想让它出现在下拉列表中,而不是它的值,如果它与“ng repeat”一起出现,我或多或少会这样 <option ng-repeat='state in countries' value='{{state.id}}'> {{state.dep | LimitTo: 10}} {{state.dep

我是Angular.js的新手 我现在在一个下拉列表中,列出了哥伦比亚和美国的一些城市

我正在使用“ng选项”。我想在下拉城市只有10个字符是有限的。如果是这样,则显示省略号(…)。 我只是想让它出现在下拉列表中,而不是它的值,如果它与“ng repeat”一起出现,我或多或少会这样

<option ng-repeat='state in countries' value='{{state.id}}'>  {{state.dep | LimitTo: 10}} {{state.dep.length> 10? '...' ''}} </option>
{{state.dep|limito:10}{{state.dep.length>10?'''''''''}
如何使用ng选项实现同样的功能


只是在作用域上添加一个函数

$scope.getLimitedWord = function(word, size){
  if(word.length <= size){
    return word;
  } else {
    return word.substr(0,10) + '...';
  }
}
$scope.getLimitedWord=函数(字、大小){

if(word.length仅在作用域上添加一个函数

$scope.getLimitedWord = function(word, size){
  if(word.length <= size){
    return word;
  } else {
    return word.substr(0,10) + '...';
  }
}
$scope.getLimitedWord=函数(字、大小){

如果(word.length,您可以创建一个过滤器,将限制字符放入数组对象的特定属性

/**
  * @name limitToChar
  * 
  * @description Creates a new array with making object's certain property characters limited.
  * 
  * @param input - source array
  * @param {string} prop - property in the array object which will be limit to certain characters
  * @param {number} limit - no of characters to be limited
  * 
  * @returns a new array.
  */
 Aplic.filter('limitToChar', function() {
   return function(input, prop, limit) {
     if(input) {
       var newArray = angular.copy(input);
       limit = limit || 10;
       for(var i = 0; i < newArray.length; i++) {
         if(newArray[i][prop] && newArray[i][prop].length > limit) {
          newArray[i][prop] = newArray[i][prop].substring(0, limit) + '...';
         }
       }
       return newArray;
     }
   }
 })
limitotochar
过滤器创建一个新数组,用某些字符(limit)过滤对象属性(passed属性)并返回新数组。limit的默认值为10。因此,如果不通过limit,则10将是字符计数


您可以创建一个过滤器,将限制字符放入数组对象的特定属性

/**
  * @name limitToChar
  * 
  * @description Creates a new array with making object's certain property characters limited.
  * 
  * @param input - source array
  * @param {string} prop - property in the array object which will be limit to certain characters
  * @param {number} limit - no of characters to be limited
  * 
  * @returns a new array.
  */
 Aplic.filter('limitToChar', function() {
   return function(input, prop, limit) {
     if(input) {
       var newArray = angular.copy(input);
       limit = limit || 10;
       for(var i = 0; i < newArray.length; i++) {
         if(newArray[i][prop] && newArray[i][prop].length > limit) {
          newArray[i][prop] = newArray[i][prop].substring(0, limit) + '...';
         }
       }
       return newArray;
     }
   }
 })
limitotochar
过滤器创建一个新数组,用某些字符(limit)过滤对象属性(passed属性)并返回新数组。limit的默认值为10。因此,如果不通过limit,则10将是字符计数