angularjsとは何ですか? angularjs の詳細な説明 (サンプル付き)

寻∝梦
リリース: 2018-09-08 11:18:15
オリジナル
1641 人が閲覧しました

この記事では、angularjs とは何か、そして angularjs について知っておくべき内容が記事内にあることを理解できるように、angularjs についての紹介を中心に紹介しています。それでは、この記事を一緒に読みましょう

まず angularjs を学習しましょう。 angularjs とは何かを理解する必要がありますか?

1. Angularjs はアプリケーション用に特別に設計された HTML です。

a: angularjs はアプリケーション データを HTML にバインドします。

b: angularjs は html のクローンを作成して複製できます。

c: angularjs は HTML を非表示にしたり表示したりできます。

d: angularjs は HTML 要素にコードを追加できます。

e: angularjs は入力検証をサポートしています。

angularjs は、命令を通じて html を拡張し、式を通じてデータを html にバインドする Javascript フレームワークです。 angularjs には多くの命令が設定されており、これらを介して複雑なタスクを簡単に完了できます。

angularjs ディレクティブとは:

angularjs ディレクティブは、接頭辞 ng が付いている HTML 属性です。

例:

<p ng-app=""></p>
ログイン後にコピー

ng-app ディレクティブは、angularjs アプリケーションを定義します。 (ng-app は、

要素が angularjs アプリケーションの「所有者」であることを angularjs に伝えます。これは、angularjs で使用する後続のすべてのメソッド、命令などがこの「所有者」内で完了することを意味します。) (次のように考えます)詳細については、PHP 中国語 Web サイト AngularJS 開発マニュアル にアクセスして学習してください)

angularjs 式:

angularjs 式は二重中括弧: {{ }} で囲まれています。

angularjs 式はデータを HTML にバインドします。

angularjs は式が書かれた場所にデータを「出力」します。 (つまり、出力データを表示するために {{ }} が使用されます)。

angularjs の式には、テキスト、演算子、定義された関数名、変数などを含めることができます。

例:

{{1 * 2}}、{{myFunction()}}、{{firstName + " " + lastName}}

angularjsアプリケーション

angularjsモジュール(モジュール)はangularjsを定義しますアプリケーション

angularjs コントローラー (コントローラー) は、angularjs アプリケーション

を制御するために使用されます。例:

<p ng-app="myApp">
<p ng-controller="myCtrl"></p>
</p>
<script>
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。});
</script>
ログイン後にコピー

angularjs モジュール定義アプリケーション:

var app = angular.module("myApp",[]);
ログイン後にコピー

angularjs コントローラー制御アプリケーション:

注: Angular ではモジュールとコントローラーの定義が不可欠です。

この記事はここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイト AngularJS ユーザー マニュアル にアクセスして学習してください)。ご質問がある場合は、以下にメッセージを残してください。

以上がangularjsとは何ですか? angularjs の詳細な説明 (サンプル付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!