找不到名称'标题'。在角2

Question

enter image description here 我对角2，本工作是我的TS文件我叫getRandomQuote（）的构造函数方法。 但是当我运行该项目，我得到以下错误： -
无法找到名为“头”。你是不是指实例成员'this.headers'？

import {Component, ViewEncapsulation, Injectable} from '@angular/core'; 
import {PaginatePipe, PaginationControlsCmp, PaginationService} from 'ng2-pagination'; 
import { Http, Response, Headers,RequestOptions } from 'angular2/http'; 
import {BasicTablesService} from './basicTables.service'; 
import {BaCard} from '../../../../theme/components'; 
import {HoverTable} from './components/hoverTable'; 
import {BorderedTable} from './components/borderedTable'; 
import {CondensedTable} from './components/condensedTable'; 
import {StripedTable} from './components/stripedTable'; 
import {ContextualTable} from './components/contextualTable'; 
import {ResponsiveTable} from './components/responsiveTable'; 

import {AuthHttp, AuthConfig, AUTH_PROVIDERS } from 'angular2-jwt'; 
import {HTTP_BINDINGS} from 'angular2/http'; 



@Component({ 
    selector: 'basic-tables', 
    viewProviders: [PaginationService], 
    pipes: [PaginatePipe, ResponsiveTable, ContextualTable], 

    encapsulation: ViewEncapsulation.None, 
    directives: [BaCard, HoverTable, BorderedTable, CondensedTable, StripedTable, ContextualTable, ResponsiveTable, PaginationControlsCmp,HTTP_BINDINGS], 
    styles: [require('./basicTables.scss')], 
    template: ` 

<todo-search></todo-search> 

<table class="table table-hover"> 

<div >Enter ID: <input type="text" #listFilter (keyup)="0" style="color:black" /></div> <div>Alert on click<button (click)="clicked()" style="color:black">Click</button></div> 
<span>{{ test }}</span> 
    <tr class="black-muted-bg"> 

     <th class="align-left">ID</th> 
     <th class="align-left">Name</th> 
     <th class="align-left">Protocol</th> 
     <th class="align-left">Inbound Business Process</th> 
     <th class="align-left">Outbound Business Process</th> 

    </tr> 
     <tbody> 
      <tr *ngFor="let item of randomQuote | paginate: { itemsPerPage: 20, currentPage: p } | ResponsiveTable:listFilter.value "> 
     <td>{{item.connectionId}}</td> 
     <td>{{item.name}}</td> 
     <td>{{item.protocol}}</td> 
     <td>{{item.inBoundBPName}}</td> 
     <td>{{item.outBoundBPName}}</td> 


    </tr> 
</tbody> 
     <pagination-controls (pageChange)="p = $event" #api></pagination-controls> 
    </table> 

    `, 
    providers: [BasicTablesService] 
}) 
export class BasicTables { 




    public body = JSON.stringify(
    { 
    "startIndex": 0, 
    "numofIds": 15, 
    "programId": null, 
    "emailId":"admin@justransform.com", 
    "searchStr":"", 
    "transactionId":"", 
    "status":"", 
    "srcConnectionName":"", 
    "destConnectionName":"", 
     "inBoundBPName":"", 
     "outBoundBPName":"", 
     "fileContent":"" 
    } 

); 

    public headers = new Headers({ 'Content-Type': 'application/json' }); 
    public options = new RequestOptions({ headers: headers }); 
    private url = 'http://uat.justransform.com:8080/justransform/transaction/find?sortByColumn=transactionId&sortByOrder=Desc'; 




    randomQuote:Array<any> = []; 
getRandomQuote() { 
    this.http.post(this.url, this.body, this.options) 
    .map((res:Response) => res.json()) 
    .subscribe( 
     data => {this.randomQuote = data}, 
     err => this.logError(err), 
    () => console.log('Random Quote Complete') 

    ); 

} 

logError(err) { 
    console.error('There was an error: ' + err); 
} 
    clicked(event) { 
    alert("Alert"); 

    } 


    constructor(public http: Http) { 

    this.getRandomQuote(); 

    } 
} 

Answer 1

你的代码定义在类上下文headers属性，尝试直接，使用headers后访问它。

public headers = new Headers({ 'Content-Type': 'application/json' }); 
public options = new RequestOptions({ headers: headers }); 

你得到该错误消息明确告诉你去尝试什么：

Cannot find name 'headers'. Did you mean the instance member 'this.headers'?

这是因为你在类上下文中定义headers。要正确地访问它，你必须使用this.headers：

public options = new RequestOptions({ headers: this.headers }); 
//           ^here 

更多信息请参见TypeScript Classes。