【发布时间】:2016-10-20 11:02:20
【问题描述】:
app.template.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>
app.component.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);
}
}
message.model.ts
import { Component } from '@angular/core';
export class Message(){
constructor(public content: string){}
}
这段代码是在 angularjs2 和 nodejs 中构建的。我创建了一个按钮。当我点击按钮时,它给我的响应就像这个 hello 99 数字是一个很棒的数字。这段代码中的保留字是什么?有人可以帮忙吗??
【问题讨论】:
标签: angular typescript