angular2

Question

나는 "디코드 메시지 : 헤더, 바디,의 MessageID, 23453,은 0xEF"같은 테이블 행 데이터 한 I 출력을

필요
헤더,
바디,
의 MessageID,
23453,
OxEF

: 아래 모든 새로운 라인

디코드 메시지 HTML 페이지에서

그래서 Angular2에서 파이프를 사용하여 예제를 찾으려고합니다. 파이프 이외의 솔루션이 있습니까? 어떤 CSS, SASS의 솔루션 또는 HTML

Answer 1

1. 이 ","
2. ngFor 결과에 의해 인덱스 값에 문자열의
3. split 휴식을 indexOf":"
4. substring를 발견하면 친절하게 제공

Answer 2

@Pipe({name: split}) 
export class SplitPipe implements PipeTransform { 
    transform(val) { 
    if(!val) { 
     return; 
    } 
    return val.split(/[,:]/); 
    } 
} 

<div *ngFor="let m of message | split">{{m}}</div>