小编Son*_*ngh的帖子

应用程序模板.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>

应用程序组件.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 …