Angular2

1/26ページ

angular2モジュールと共有モジュールの詳細説明

モジュールを作成するには、共有モジュールPostSharedModuleを使用します。共有モジュールには、記事管理モジュールとコメント管理モジュールの2つの共通モジュールが含まれています 1、モジュールtestmodule.module.tsを作成する import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; imp […]

Angular2でDomの誤解を避ける方法

序文 Angular2の設計目標は、ブラウザとDOMを独立させることでした。 DOMは複雑なので、そこからコンポーネントを分離することで、アプリケーションのテストとリファクタリングが容易になります。 クロスプラットフォームをサポートするため、Angularは抽象化によって異なるプラットフォーム間の違いをカプセル化します。 コンテンツ 1.なぜDOMを直接操作できないのですか? Angular2はAOTスタティックコンパイルモードを採用し […]

angular2でサードパーティjsライブラリを使用する例

この記事ではjqueryを例にとります。 最初のもの:対応する宣言ファイルがあります 1.コマンドとともにjQuery宣言ファイルをインストールします。 (宣言ファイルはideの完璧なスマートリマインダー用です) npm install -D @types/jquery 2、jqueryの導入 import * as $ from 'jquery'; 3、使用 $('body').addClass(''); 2番目:宣言ファイルなし、カ […]

他のプラグインを統合するためのAngular2のアプローチ

はじめに:多くの友人がAngular2と接触していると、他のサードパーティのプラグインを使用することになります。これらのプラグインはjQueryをベースにしていて、対応するバージョンはありません。ここでは、サードパーティのjQueryプラグインをどのように統合するかを説明します。 zTreeを例として統合するためにAngular2を使用して、統合のアイデアとプロセスを説明します。 zTree公式サイト: http ://www.tree […]

Angular2 + Ionic3を使用したIOSアプリケーションのサンプルチュートリアルを作成する

角度1から角度2 よく知られているフロントエンドMVVMアーキテクチャAngular1の後継バージョンであるAngular2は、ある程度、Webのフロントエンド開発技術の新世代の革新を導いています。 ember.jsの最新バージョン、react.js、vue.jsから、これらのテクノロジーはお互いに学び合い、お互いの強みから学び、ついには技術的な方向に向かって進化していることがわかります。 コンポーネント技術の登場 Angular1には […]

angular2でのHTTPリクエストと使用法の詳細な説明

この記事では、angular2のHttpリクエストの原則と使い方について説明します。 次のように、皆の参照のためにそれを共有してください: HTTPサービスを提供する HttpModuleはAngularのコアモジュールではありません。 Webアクセスのための角度使用であり、 @angular/httpと呼ばれる別のサブモジュールにあり@angular/http 。 app.module.tsを編集する import { HttpMod […]

Angular2研究ノートのデータバインディングのサンプルコード

はじめに 補間式を使用して、式の値をテンプレートに表示する <img src="{{imgUrl}}" alt=""> <h1>{{productTitle}}</h1> 角括弧を使用してHTMLタグの属性値を式にバインドする <img [src]="imgUrl" alt=""> かっこを使用して、コンポーネントコントローラのメソッドを、テンプレートの上にあるイベントのハンドラにバインド […]

コンポーネント相互作用のAngular2法解析

この記事では、Angular2がコンポーネントの相互作用をどのように実装するかについて説明します。 次のように、皆の参照のためにそれを共有してください: 序文 Angular developmentでは、私たち自身の部門で開発したコンポーネントを参照するなど、コンポーネント間のやりとりを頻繁に行うことがあります。参照されるコンポーネントにデータをバインドする必要があります。コンポーネント間のやりとりを処理する必要があるとき コンポーネン […]

Angular2パイプパイプとカスタムパイプラインのデータ使用例分析

この記事では、Angular2パイプパイプとカスタムパイプフォーマットデータの使用方法について説明します。 次のように、皆の参照のためにそれを共有してください: パイプは開発者の希望に応じてデータをフォーマットすることができ、複数のパイプと直列に接続することもできます。 純粋なパイプと不純なパイプ パイプは、純粋なパイプと不純なパイプに分かれています。 既定では、パイプラインは純粋ですが、カスタムパイプラインが宣言されている場合は純粋な […]

1 26