使用angularjs标记列出数组中的值?
我有这个html:使用angularjs标记列出数组中的值?,angularjs,Angularjs,我有这个html: <div class="{{ article.contributor }}" ng-repeat="article in articles"> 这给了我这个: <div class="["harry", "eddy", "john"]"> 但我想要这个: <div class="harry eddy john"> 最好的方法是什么 非常感谢尝试加入阵列,如下所示: <div class="{{ article.con
<div class="{{ article.contributor }}" ng-repeat="article in articles">
这给了我这个:
<div class="["harry", "eddy", "john"]">
但我想要这个:
<div class="harry eddy john">
最好的方法是什么
非常感谢尝试加入阵列,如下所示:
<div class="{{ article.contributor.join(' ') }}" ng-repeat="article in articles">
哦,选择。。。快乐的选择。 又快又脏
作为过滤器
myAppname.module.filter('spaceSeperatedValues', function() {
return function(data){
//handles if just a string (e.g., 'John')
return data === 'array' ? data.join(' ') : data;
}
}
<div class="{{ article.contributors | spaceSeperatedValues }}" ng-repeat="article in articles"></div>
myAppname.module.filter('spaceseparatedvalue',function(){
返回函数(数据){
//如果只是字符串(例如“John”),则处理
返回数据=='array'?data.join(''):数据;
}
}
作为控制器功能
app.module.controller('ArticleController', ['$scope'], function ($scope) {
$scope.articles = [{ text : 'my article text', contributors : ['harry', 'eddy', 'john'] }]
$scope.spaceSeperatedValues = function(data) {
//handles if just a string (e.g., 'John')
return data === 'array' ? data.join(' ') : data;
}
}
<div ng-controller="ArticleController">
<div class="{{ spaceSeperatedValues(article.contributors) }}" ng-repeat="article in articles"></div>
</div>
app.module.controller('ArticleController',['$scope'],函数($scope){
$scope.articles=[{text:'我的文章文本',贡献者:['harry','eddy','john']}]
$scope.spaceseparatedvalues=函数(数据){
//如果只是字符串(例如“John”),则处理
返回数据=='array'?data.join(''):数据;
}
}
没有在调试器中检查此代码…请执行
抱歉,但此操作不起作用,请给我
如果您不检查它是否为数组,并且服务器返回字符串,则此操作将中断…否。字符串上的join方法。我同意,但这应该在其他地方处理,问题没有说明数据来自何处,所以我猜把它看成是一个数组,甚至是一个空的数组是安全的。你的答案更详细,快速而肮脏的是我的,谢谢!阿纳尔:谢谢!