【役割】 テンプレート上に埋め込まれたデータを加工/整形するための仕組み【構文】 {{exp | pipe [:param1 ...]}}(例) {{price | currency:'JPY'}}Angular標準パイプには、lowercaseやsliceなどがあり、P91にまとめられている。Angularアプリケーションプロ…

【意味】 テンプレート内の特定の要素を参照するための変数【構文】 <element #variable /> element:任意の要素 variable:変数の名前(例1) <input #txt id="txt" name="txt" type="text" (input)="show(txt.value)" /> (例2) <label>姓：<input #last type="text" (change)="0" /></label><br /> <label>名：<input #first type="text" (change)="0" /></label> <div>こんばんわ、…</div></element>

イベントのstopPropagationメソッドを呼び出しておく事で、子要素で発生したイベントを拾って親要素も反応するという事を防ぐ事ができる。 click1(e: any) { e.stopPropagation(); console.log('ここは呼び出されるが、親要素のバブリングは行われない'); }A…

(click)="hoge(event)"では、undefinedとなってしまう。 angularでは、(click)="hoge($event)"の様に$eventオブジェクトを利用する必要がある。また、イベントハンドラ内で利用する際には、明示的に$eventを渡す必要がある。 イベントオブジェクトの主なメン…

【構文】 <element (event)="exp">～</element> element:任意の要素 event:イベント名(See. P67) exp:イベント発生時に実行される命令(=テンプレートステートメント)(例) 【注意事項】 ●利用できない構文がある テンプレートステートメントでは、以下の構文が禁止されている。 ・new演算子 ・…