0
cockpit.component.ts。 。 。 ...。 。 ...。 。 。 。 ....。 。 。 。 を見ればわかりません。 。 ... ..。 .....。 ...。 。 ...。 。 ...エラーTypeError：_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」からデータを生成する方法を示すコードを提供できますか？ – Andresson
私はそれを挿入しました –
あなたの質問ヘッダーはあなたの質問とは異なるエラーを持っていますか？どちらですか？問題を紹介するデモ（plunker、stackblitz？）を作成してください。 – Alex