Angular(バージョン2以降)の勉強、その10です
当たり前だけどhtmlのプロパティーも触れます
その部分について記載します
TypeScript側(/app/servers/servers.component.ts)親子関係の親の部分です
import { Component, OnInit } from '@angular/core'; @Component({ selector: '.app-servers', templateUrl: './servers.component.html', styleUrls: ['./servers.component.css'] }) export class ServersComponent implements OnInit { allowNewServer = false; constructor() { setTimeout(() =>{ this.allowNewServer = true; },3000); } ngOnInit() { } }
解説
template側(/app/servers/servers.component.html)
<button class="btn btn-primary" [disabled]="!allowNewServer">追加するよ</button> <p>{{ allowNewServer}}</p> <p [innertext]="allowNewServer"></p> <app-server></app-server> <app-server></app-server> <app-server></app-server>
解説
結果
プロパティーバイディング
いろいろ触れるのね
- 出版社/メーカー: punniyaseelan
- 発売日: 2017/03/01
- メディア: アプリ
- この商品を含むブログを見る
Angular 2: From Theory To Practice (English Edition)
- 作者: Asim Hussain
- 出版社/メーカー: CodeCraft
- 発売日: 2017/01/14
- メディア: Kindle版
- この商品を含むブログを見る