angular学習ノート

2130 ワード

Angular:フレームワーク:プログラマーへの制限高ライブラリ:jquery,bootstrap-使用が柔軟で、プログラマーへの制限が少ないMVCフレームワークの正確な定義はMVVMフレームワークmv*SPA(single page application)モバイル端末
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にあるからです.