Angular 2 With Libraries
Angular好きの皆さんこんばんは。 今日はAngular2の公式ライブラリの話をします。 Ajax用のhttpパッケージやルーティング用のrouterパッケージなど、 具体的な使い方も含めて、そこそこ詳しく解説していこうと思います。 よろしくお願いします。 About me 今回初めて私を見る方がほとんどだと思うので、まずは軽く自己紹介をします。 株式会社トップゲートに所属している、らこといいます。 好きなものはGoogleとお酒とアニメです。 最近は仕事でも趣味でもTypeScriptとGoしか書いてないです。 昔は1年間位Dart書いてました。もしDartやってた方いたら懇親会でお話しましょう。 あと、今年の頭からAngular2 Infoというブログを運営してます。 リリース情報とか、イベント情報とか、面白い記事とか、 毎日Angular2ウォッチして出てきたものを紹介してます。
Angular 2のローカル変数とexportAs
Angular 2には local variables (ローカル変数)という機能があります。 公式のチュートリアルやデベロッパーガイドを読んでいると突然登場してみなさんを惑わしているかもしれません。 しかし、この機能はAngular 2を使いこなす上でとても重要なものなので、ぜひ知っておきましょう。 ローカル変数と # シンタックス ローカル変数とは、コンポーネントのテンプレート中で定義して使用できる変数のことです。 ローカル変数には原則として、ローカル変数を定義した要素のインスタンスが代入されます。 ローカル変数の定義は # シンタックスを使います。 次の例では、 input 要素をローカル変数 i として定義し、 ボタンをクリックするときに input 要素の値をコンポーネントに渡しています。 @Component({ selector: 'my-app', template: `
Angular 2のデフォルトルートとotherwiseルート
この記事ではAngular 2のルーターが持つ useAsDefault と otherwise の違いと、その使い方について解説します。 この2つを使い分けることで柔軟なルーティングを定義することができます。 ルートの定義 まず最初に、RouteConfigが適用されているコンポーネントを、この記事では RouteComponent と呼ぶことにします。 RouteComponentが表示された時、RouteComponentはその時点のURLのパスを元に、ルーティングを行います。 次の例では、PageAとPageBのそれぞれのルートを定義しています。 @RouteConfig([ {path: "/pageA", component: PageA, name: "PageA"}, {path: "/pageB", component: PageB, name: "PageB"}, ])
Angular 2のPlatform Provider
Angular 2のDependency Injection(DI)は主にサービスクラスのインスタンスを注入するのに用いられますが、 実は他にも便利な使い方がいくつかあります。 今回はその中から PLATFORM_DIRECTIVES と PLATFORM_PIPES の使い方を紹介します。 Angular 2のProviderと multi オプション まずはじめに、Angular 2のProviderの仕組みについておさらいしましょう。 もしAngular 2のDIがさっぱりわからない方は、先に Angular2のDIを知る を読むといいかもしれません。 Angular 2のDIは基本的に、 トークン に対して値をセットします。 TypeScriptでは「型ベースのDI」とよく言われますが、これは型(型アノテーションに使われているクラス)がトークンになっています。 このトークンはクラス
Marginalia
すべて Tech Idea Diary 2024-08-27 AngularのDeferred Viewで時限式ビューを作る TechAngular 2024-08-03 DrunkDeerのキーボードを買った Diary 2024-07-10 .tsファイルを直接実行するのにtsxで特に困っていない TechTypeScript雑記Node.js 2024-07-10 Angular: disabled状態を持つカスタムコントロールとSignals TechAngularSignalsForms 2024-07-03 読んだ本 2024-Q2 Diary読書 2024-07-03 Angular: v18.1で @let 構文が追加される TechAngularTypeScript 2024-06-26 WebブラウザにおけるOpenTelemetryの自動計装PoC: Trace vi
A Way for Happy Angular Days
TOPGATE, Inc. I 💖 Google / 🍺 / Anime TypeScript/Golang Angular2 Info https://ng2-info.github.io Agenda FAQ and Misunderstanding Angular 2 Fundamental Things to Learn Angular 2 FAQ and Misunderstanding the Fact Q. "AngularJS 2?" "Angular JS 2" "Angular" contains ... Framework library Browser/Web Worker/Electron/Native/... Server-side CLI ... "Angular" = Platform Q. "I MUST learn TypeScript?" yo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
laco's blog
