错误类型错误：_co.onBlueprintAdded不是一个函数

问题描述：

cockpit.component.ts。。。 ......。。 ......。。。。 ....。。。。 .... ......... ....... ........。。 ......。 .....。 ......。。 ......。。 ...错误类型错误：_co.onBlueprintAdded不是一个函数

import {Component, EventEmitter, OnInit, Output} from '@angular/core'; 
 

 
@Component({ 
 
    selector: 'app-cockpit', 
 
    templateUrl: './cockpit.component.html', 
 
    styleUrls: ['./cockpit.component.css'] 
 
}) 
 
export class CockpitComponent implements OnInit { 
 
    @Output() serverCreated = new EventEmitter<{serverName: string, serverContent: string}>(); 
 
    @Output() blueprintCreated = new EventEmitter<{serverName: string, serverContent: string}>(); 
 
    newServerName = ''; 
 
    newServerContent = ''; 
 
    constructor() { } 
 

 
    ngOnInit() { 
 
    } 
 
    onAddServer() { 
 
    this.serverCreated.emit(
 
     {serverName: this.newServerName, 
 
     serverContent: this.newServerContent 
 
     }); 
 
    } 
 

 
    onAddBlueprint() { 
 
    this.blueprintCreated.emit(
 
     {serverName: this.newServerName, 
 
     serverContent: this.newServerContent 
 
     }); 
 
    } 
 
}

任何人都可以解释为什么我收到以下错误？我是一个角度初学者。

app.component.ts控制台

import { Component } from '@angular/core'; 
 

 
@Component({ 
 
    selector: 'app-root', 
 
    templateUrl: './app.component.html', 
 
    styleUrls: ['./app.component.css'] 
 
}) 
 
export class AppComponent { 
 
    serverElements = [{ 
 
    type: 'server', 
 
    name: 'Testserver', 
 
    content: 'Just a Test!!' 
 
    }]; 
 

 

 
    onServerAdded(serverData: {serverName: string, serverContent: string}) { 
 
    this.serverElements.push({ 
 
     type: 'server', 
 
     name: serverData.serverName, 
 
     content: serverData.serverContent 
 
    }); 
 
    } 
 

 
    onBlueprintAdded(blueprintData: {serverName: string, serverContent: string}) { 
 
    this.serverElements.push({ 
 
     type: 'blueprint', 
 
     name: blueprintData.serverName, 
 
     content: blueprintData.serverContent 
 
    }); 
 
    } 
 
}

<div class="container"> 
 
    <app-cockpit 
 
    (serverCreated)="onServerAdded($event)" 
 
    (blueprintCreated)="onBlueprintAdded($event)" 
 
    ></app-cockpit> 
 
    <hr> 
 
    <div class="row"> 
 
    <div class="col-xs-12"> 
 
    <app-server-element 
 
     *ngFor="let serverElement of serverElements" 
 
     [element]="serverElement" 
 
    ></app-server-element> 
 
    </div> 
 
    </div> 
 
</div>

错误：

AppComponent.html:2 ERROR TypeError: _co.onBlueprintAdded is not a function 
    at Object.eval [as handleEvent] (AppComponent.html:4) 
    at handleEvent (core.es5.js:12023) 
    at callWithDebugContext (core.es5.js:13493) 
    at Object.debugHandleEvent [as handleEvent] (core.es5.js:13081) 
    at dispatchEvent (core.es5.js:8615) 
    at core.es5.js:10783 
    at SafeSubscriber.schedulerFn [as _next] (core.es5.js:3647) 
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:238) 
    at SafeSubscriber.next (Subscriber.js:185) 
    at Subscriber._next (Subscriber.js:125)

包涵仍然需要写一些东西之前，我可以发布问题

你能否提供展示你是如何从'cockpit.component.ts' emmiting数据的一些代码。 – Andresson

我已经插入它 –

你的问题标题有不同的错误比你的问题？这是什么？你能否创建一个演示（plunker，stackblitz？）来展示你的问题。 – Alex

答

只需要重新运行NG再次发球，它将使新的捆绑

是的，那是我的问题 – 2017-12-05 22:23:05

错误类型错误：_co.onBlueprintAdded不是一个函数

相关推荐