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