steps for angular part-2

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

@Component(

{

selector:'messages',

// template:"this is a message Component {{messages.length}}"

// template:"this is a message Component {{messages[0].text}}"

template:`this is a message Component

<div

*ngFor="let message of messages">

{{message.text}}

by :{{message.owner}}

</div>`

}

)

export class MessagesComponent {

messages=[{text:'Some text',owner:'Karthik'},{text:'Other text',owner:'Gorijavolu'}];

}