angular - 使用管道获取 Angular 中字符串的第一个单词？

Question

我正在尝试编写一个管道，用于打印字符串中的 first word。以下是我的错误代码，它意外地打印了字符串的 first letter。

例如。

管道

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'firstWord'
})
export class GetFirstWord implements PipeTransform
{
    transform(value: string, args: any[]): string | boolean
    {
        if (value === null) {return false;}
        const firstWords = [];
        for (let i = 0; i < value.length; i++)
        {
          const words = value[i].split(' ');
          firstWords.push(words[0]);
        }
        return firstWords[0];
    }
}

组件

userName: string = 'Chuck Norris';

模板

{{ userName | firstWord }}

输出

C

期望的输出

Chuck

Answer 1

你不需要循环

transform(value: string, args: any[]): string {
  if (!value) { return ''; }
  return value.split(' ')[0];
}