AngularでDOMにアクセスする
テンプレート内のローカル変数を利用する HTMLテンプレート内では #hoge="xxxx"の書式で、ローカル変数が使えます。 [html] ログイン [/html] この例では、form要素を送信時のlogin(f)でform要素を渡しています。 ちなみにngFormは、FormsModuleを利用するためのグルーピングに指定しています。 また、属性値なしでも利用できます。 [html] [/html] Template reference variables – angular.io ElementRef ElementRef というクラスを介してDOMにアクセスできます。 ElementRef.nativeElement プロパティでネイティブのDOMを参照します。 [js] import { Component, ElementRef } from ‘angular2/core’;
Angular2でカスタムPipeを定義する - イソップブログ
前回の記事で、Angular2のPipeを紹介しましたが、 すでにはじめから用意されているPipeをいくつか紹介しました。 しかし、Angular2では自分でPipeを定義できるんです。 煩雑になりがちな繰り返し処理をすっきりまとめることができるので、地味に重宝してます。 そこで、今回はカスタムパイプの作成方法を紹介します。 カスタムパイプを定義する 数字を入力すると、それに紐付いた文字列を出力するPipeを定義してみましょう。 「サーバーのAPIから取得する値は数字だけど、ブラウザでの表示は文字列」といったよくある場面を想定します。 今回は1〜9までの数字から、家族の続柄の文字列を出力してみましょう。 family-type.pipe.ts import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'family
Angular入門！ゼロから始めたぼくの勉強方法
[aside type=”boader”] この記事は内容が古くなっています。 2018/01/16現在（v5時点）のAngular入門の最適な方法は、ぼくが熟考を重ねて作成したはじめてのAngular入門コースを受講することです。 このページ以上に効率的に入門できるので、ぜひ受講を検討してみてください！ そして朗報です！ 数量限定のスペシャルクーポンを用意しました。 動画コンテンツで効率的に学習してみてはいかがでしょうか。 次のリンクからのみ有効ですので、お早めにどうぞ。 【クーポン適用】【最新v5対応】はじめてのAngular入門 実践シングルページアプリケーション（SPA）構築 [/aside] ぼくは今までAngularJSを使ったことがなかったんです。 でも最近Angular2を使い始めて、なんとなく理解できるようになってきました。 巷では、Angular2が採用している技術は、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
