Son*_*ngh 5 typescript angular
应用程序模板.html
<div class="container">
<div class="row">
<div class="col-md-6 ">
<button class= "btn btn-primary" (click)="onAddMessage()">RANDOM BUTTON</button>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 ">
<article class="panel panel-default" *ngFor = "let latestmessage of messages" >
<div class="panel-body">
{{ latestmessage.content }}
</div>
</article>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
应用程序组件.ts
import { Component } from '@angular/core';
import { Message } from './message.model';
@Component({
moduleId: module.id,
selector: 'my-app',
templateUrl: 'app.template.html'
})
export class AppComponent {
messages: Message[] = [
new Message('hello')
];
onAddMessage() {
const rnd = Math.ceil(Math.random() * 100);
const msg = new Message(rnd + ' is a awsome number');
this.messages.push(msg);
}
}
Run Code Online (Sandbox Code Playgroud)
消息.model.ts
import { Component } from '@angular/core';
export class Message(){
constructor(public content: string){}
}
Run Code Online (Sandbox Code Playgroud)
这段代码是在 AngularJS2 和 NodeJS 中构建的。我创建了一个按钮。当我单击按钮时,它会给我回复,就像这个 hello 99 数字是一个很棒的数字。这段代码中的保留字是什么?任何人都可以帮忙吗?
问题是您在声明 Message 类时在其名称后加上括号():
export class Message(){
Run Code Online (Sandbox Code Playgroud)
您可以将 message.model.ts 更改为:
消息.model.ts
import { Component } from '@angular/core';
export class Message{
constructor(public content: string){}
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
27422 次 |
| 最近记录: |