Angularjs 角度-表达式内的拆分

我有一些需要动态分配的预定义类

产品名称将为“最受欢迎”或“新牌组”

我有“最新”和“最新”的课程

如何在表达式中拆分

下面的行不能满足需要

<div class="{{i.productName.split(" ")[0]}}"></div> 

---

一个想法是制作一个过滤器：

app.filter('firstWord', function() {
    return function(str) {
        return str.split(" ")[0];
    };
});

将其用作：

<div class="{{ i.productName|firstWord }}"></div>

---

它可以工作。split属于字符串函数，我添加了tostring以使对象成为原始数据类型

<div class="{{i.productName.toString().split(" ")[0]}}"></div> 

---

尝试使用：i.productName.split（“”）[0]，因为您在双引号中。

<div class="{{i.productName.toString().split(" ")[0]}}"></div>