Question

我有一个角度控制器文本文件，例如JSN

 topics: 'ab, bc, cd'

正被读入td字段。

但是，它是一个长字符串，但我正在尝试剪切字符串并将每个单词打印到它自己的单独行中。我尝试创建一个函数，它将剪切字符串并用回车符替换“，”但它仍然将它打印成一行。我也尝试在字符串中直接插入\ n或
，但它也不起作用。

<td style=" background-color: green">{{data.topics}}</td>

数据是工作数据所以我不能发布它，但基本上这是这个想法的要点。所以基本上我想进入细胞

'ab'
'bc'
'cd'

而不是该表中单元格的一行上的整个字符串。

Answer 1

只要主题是属性，为什么不这样做。

class SomeComponent implements OnInit{
    topics: Array<string>;
    constructor(service: MyService) {}
    ngOnInit() {
        //not sure how your getting data
        this.service.getData().subscribe(data => {
            this.topics = data.topics.split(',');
        });
    }
}

主题现在应该是一个数组。然后你可以做ng-repeat。

<td style="background-color: green" *ngFor="topic of topics">{{topic}}</td>

将角度绑定字符串分成单独的行转换为html

1 个答案: