使用angularjs标记列出数组中的值?

使用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

我有这个html:

<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方法。我同意,但这应该在其他地方处理,问题没有说明数据来自何处,所以我猜把它看成是一个数组,甚至是一个空的数组是安全的。你的答案更详细,快速而肮脏的是我的,谢谢!阿纳尔:谢谢!