 |
| Angular2 |
Ada beberapa perubahan syntax perulangan dari angular 1 ke angular 2. Di bawah ini adalah daftar syntax perulangan di angular 2:
//app.component.ts
//app.component.ts
import { Component } from 'angular2/core';
import { Book } from './login.model';
import { AppModule } from './app.module';
@Component({
selector: 'root',
templateUrl: `app/hobbies.html`,
styleUrls: ['app/hobbies.css']
})
export class AppComponent {
constructor(){
this.hobbies = ['Musik', 'Movies', 'Sports'];
}
}
import { Book } from './login.model';
import { AppModule } from './app.module';
@Component({
selector: 'root',
templateUrl: `app/hobbies.html`,
styleUrls: ['app/hobbies.css']
})
export class AppComponent {
constructor(){
this.hobbies = ['Musik', 'Movies', 'Sports'];
}
}
//hobbies.html
<div *ngIf="showHobbies">
<h3>Hobbies:</h3>
<ul>
<li *ngFor="#item of hobbies">
{{item}}
</li>
</ul>
</div>
Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.
EmoticonEmoticon