Angular2 分割字符串(管道?

Question

是否可以以某种方式使用类似于{{mystr | split(last) }}的东西？

我希望已经包含了一个管道。

Answer 1

为此需要一个自定义管道。您可以通过以下方式实现：

@Pipe({
  name: 'split'
})
export class SplitPipe implements PipeTransform {
  transform(val:string, params:string[]):string[] {
    return val.split(params[0]);
  }
}

并像这样使用它：

{{mystr | split:last }}

其中last是组件与分隔符对应的属性。

Answer 2

我不确定last是什么。 我猜你的意思是你想要字符串中的最后一组字符，如果你用一些分隔符将字符串分开。 例如，如果字符串abc,def,ghi并且分隔符,则您需要ghi。

@Pipe({ name: 'splitLast' })
export class SplitLastPipe implements PipeTransform {
  transform(value:string, [separator]):string {
    let splits = value.split(separator);
    if(splits.length > 1) {
      return splits.pop();
    } else {
      return '';
    }
  }
}

{{mystr | splitLast:','}}

普伦克