Question

您好我正在尝试使用可能的管道分割json字符串？或者我真的不知道该怎么做。

现在我有json字符串

＆＃34; www.youtube.com || djlajdalksd.png || somethingsomething＆＃34;

（这些只是组成）

我想只得到.png部分。

我怎么能实现这个目标？

Answer 1

写一个管道：

<link rel="import" href="my-element.html">

然后在模板中：

@Pipe({ name: "splitAndGet" })
export class SplitAndGetPipe implements PipeTransform {
  transform(input: string, separator: string,index:number): string {
    return input.split(separator)[index];
  }
}

将返回{{"www.youtube.com||djlajdalksd.png||somethingsomething"|splitAndGet:"||":1}}

Answer 2

请参考@ n00dl3的答案，提供一个集成版本：

step1，使用angular-cli生成管道ng g pipe split

step2，修改split.pipe.ts文件：

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

@Pipe({
  name: 'split'
})
export class SplitPipe implements PipeTransform {

  transform(input: string, sep: string, inx: number): string {
    return input.split(sep)[inx];
  }

}

然后，在html中

<span> {{hero.url | split:"/":4}} </span>

Angular2如何拆分字符串？

2 个答案: