操纵角2时从服务器返回数据，而不使用管道

Question

这里有一个简单的角度2类我使用：

public class LogEntry 
{ 
    public int id { get; set; } 
    public string company { get; set; } 
    public string name { get; set; } 
} 

哪些数据是使用.map在http.get约束：

export class LogService { 

    constructor(@Inject(Http) private http: Http) {} 
    ... 
    return this.http.get(myGlobals.API_URL).map(this.extractData) 
    ... 
} 

private extractData(res: Response) { 
    let body = res.json(); 
    return body.data || { }; 
} 

这里是调用LogService类（log.component.ts）的组件代码：

import { Component, OnInit } from '@angular/core'; 
import { LogEntry } from './log'; 
import { LogService } from './log.service'; 

@Component({ 
    moduleId: module.id, 
    selector: 'log-list', 
    templateUrl: './log-list.component.html', 
    providers: [ LogService ] 
}) 
export class LogListComponent implements OnInit { 
    errorMessage: string; 
    logEntries: LogEntry[]; 
    mode = 'Observable'; 

    constructor (private LogService: LogService) {} 

    ngOnInit() { this.getLog(); } 

    getLog() { 
    this.logService.getLog() 
       .subscribe(
        logs=> this.logEntries = logs, 
        error => this.errorMessage = <any>error); 
    } 

}

这里是我用来显示数据的HTML模板：

<div *ngFor="let logEntry of logEntries" class="row"> 
    <div class="cell">{{logEntry.id}}</div> 
    <div class="cell">{{logEntry.company}}</div> 
    <div class="cell">{{logEntry.name}}</div> 
</div> 

现在比方说，我要处理的数据之前，它显示在HTML。 例如：我想trim()或replace()字符串返回logEntry.name - 没有为每个操作创建一个管的麻烦。

这可能吗？

谢谢大家。

Answer 1

您可以使用过滤器，做任何修改，

getLog() { 
    this.logService.getLog() 
       .subscribe(
        logs=> this.logEntries = logs, 
        error => this.errorMessage = <any>error); 
    this.logEntries = this.logEntries.filter(element => { 
      return element.name.trim(); 
     }); 
    }