Angular - 在表达式中分割

Question

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

产品名称将是＆＃34;最常见的＆＃34;或＆＃34;新牌组＆＃34;

我的课程名称为＆＃34;大多数＆＃34;和＆＃34;新＆＃34;

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

如何在这里拆分表达式？

以下几行并不能满足需要。

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

Answer 1

一个想法是制作过滤器：

createScene(....,....,new THREE.MeshFaceMaterial(materials);

将其用作：

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

Answer 2

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

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