angular学習ノート
2130 ワード
Angular:フレームワーク:プログラマーへの制限高ライブラリ:jquery,bootstrap-使用が柔軟で、プログラマーへの制限が少ないMVCフレームワークの正確な定義はMVVMフレームワークmv*SPA(single page application)モバイル端末
公式サイトhttps://angularjs.org/混乱:1.2以下1.3以上の授業2.x angular 2を使う人はいません.x消失4.xもうすぐ基本的な使い方が出てきます.
Angular命令:ngで始まる.サーバ環境が必要かどうか--oninputがinput値が変化したときにトリガーするのが望ましい
MVC:M:modelモデル、データ-現在の例:入力ボックスV:viewビュー-現在の例:div C:
Angular特性:1).双方向バインドng-bind:最初はコンテンツをクリア*Angular--UI*Angularを引き継いだ--htmlを拡張した
Angular:1、オリジナルのJSとは非相互接続である--解決できる2、従来の開発方式とは全く異なる--データを狙う限り、データはコア非相互接続である:1)関数非相互接続Number例2)変数非相互接続グローバル変数例3)イベント非相互接続
MVC-Cコントローラ:Controller 1)モジュールangularを定義する.module(モジュール名、依存する他のモジュール);let mod = angular.module('mod1',[]); 2)参照モジュールng-app="モジュール名"3)Controller modを定義する.コントローラ('コントローラ名',コールバック関数($scope){//コントローラのコード});4)controller ng-controller="ctr 1"を参照
*すべてのデータは$scope
$scope:依存項目
Angular:1)双方向バインド2)注入Controller:1)放すコードに依存2)原生とangularの架け橋-controllerで原生コード*1ページで複数のモジュール*1つのモジュールで複数のコントローラ*なぜ互いに通じないのか:angularのものはすべて$scopeにあるからです.
MVC:
M: Model ——
V: View
C: Controller
MVC :
1. 、 、
2.
** :
JS:
window .....
Angular: , 。
公式サイトhttps://angularjs.org/混乱:1.2以下1.3以上の授業2.x angular 2を使う人はいません.x消失4.xもうすぐ基本的な使い方が出てきます.
Angular命令:ngで始まる.サーバ環境が必要かどうか--oninputがinput値が変化したときにトリガーするのが望ましい
1、ng-app
angular
2、ng-model
, ——
3、ng-bind
——
MVC:M:modelモデル、データ-現在の例:入力ボックスV:viewビュー-現在の例:div C:
Angular特性:1).双方向バインドng-bind:最初はコンテンツをクリア*Angular--UI*Angularを引き継いだ--htmlを拡張した
4、 {{a}}
*Angular JS—— ( 、 ), 。
5、ng-click
: ng-mouseover ....
*
6、ng-init
7、ng-repeat
:
ng-repeat="item in arr"
{{item}} ——
JSON:
ng-repeat="(key,value) in json"
{{key}} —— json key
{{value}} —— json value
ng-repeat:
:
(key,value) in arr
key——
value ——
json:
(key,value) in json
key
value
8、 : $index
* ,
track by key
:(key,value) in arr
:item in arr track by $index
9、 filter
currency : filter
: currency:'¥'
date:
date:'yyyy MM dd HH(hh) mm ss'
|
10、ng-show ng-hide
Angular:1、オリジナルのJSとは非相互接続である--解決できる2、従来の開発方式とは全く異なる--データを狙う限り、データはコア非相互接続である:1)関数非相互接続Number例2)変数非相互接続グローバル変数例3)イベント非相互接続
MVC-Cコントローラ:Controller 1)モジュールangularを定義する.module(モジュール名、依存する他のモジュール);let mod = angular.module('mod1',[]); 2)参照モジュールng-app="モジュール名"3)Controller modを定義する.コントローラ('コントローラ名',コールバック関数($scope){//コントローラのコード});4)controller ng-controller="ctr 1"を参照
*すべてのデータは$scope
$scope:依存項目
Angular:1)双方向バインド2)注入Controller:1)放すコードに依存2)原生とangularの架け橋-controllerで原生コード*1ページで複数のモジュール*1つのモジュールで複数のコントローラ*なぜ互いに通じないのか:angularのものはすべて$scopeにあるからです.