angular.js

3390 ワード

紹介する
AngularJSは2009年に誕生し、Misko Heveryらによって創設され、Googleに買収された.優れたフロントエンドJSフレームワークで、すでにGoogleの複数の製品に使用されています.AngularJSにはいろいろあります
特性、最も核心的なのはMVC、モジュール化、自動化双方向データバインディング、意味化ラベル、依存注入などである.
おしゃべり:angelurフロントエンドは必ずangelurコードがvueの2つのフレームワークvueを維持しやすく、フロントエンド市場を迅速に占領する
Angelur JSには5つのコア特性があります.

双方向データバインディング

テンプレート

Mvvmモデル(モデル)-view(ビュー)-viewModel(ビューモデル)MVCの設計プログラムを吸収し、MVCモデル(データ)-view(ビュー)-controller(ロジック)

依存注入

指令

なぜangularを使うのか

は前後端の分離を実現し、後端はデータインタフェースのみを提供し、ルーティング、テンプレートレンダリングなどはフロントエンドで

を完了する.

htmlとjs分離、展示と論理分離

jsコードを減らし、DOM要素の検索を減らし、イベントバインドなどのコード

を減らす.

APIの開発に適した単一ページアプリケーション全体に適したhtmlファイルは1つしか見られません.アプリケーションはどんなに大きくても、これしかありません.ジャンプして、ルーティングで切り替えて、1つのページ内で、異なる内容をレンダリングします.
ビルトインコマンド
ng-で始まるものはすべて内蔵命令と呼ばれています
1.ng-app angelurアプリケーションを表す

   angelur   ng-app        ,      
       (  ) .,       ng-app
        ,          
        ng-app=""         Angelur

2.ng-init初期化データng-init="a=b;c=d;..."

   ng-init      ,         
         ,      ng-init       
      controller

コードを見てください.


 /*    angular     */
    
        
        angular
        
/*   angualr       */
    
    
/*  ng-init      ,                    .  :   h1    .           */
        {{ 5*4 }}
        {{ 5>4 ? true : false}}
        {{ name +"--"+age}}
        
        *
        
        =
        {{one * two}}
        {{name}}{{age}}

3.ng-modelは(フォーム)ビューをモデルに( )バインドする

  
            
            
            
                {{ x }}
            
            {{ key+"--"+val }}

4.ng-repeatオブジェクトの

    :ng-repeat ="x in arr";
    : ng-repeat = "(key,val) in obj";
        ,ng-repeat=""


            
            
            
                {{ x }}//      
            
            {{ key+"--"+val }}//    
            
                {{ x+"-"+$first+"-"+$last+"-"+$middle+"-"+$index}}//    , angular     ,     ,    ,    ,    
            
            
                {{item.name+"--"+item.price}}
//      ,json    
            
            {{x}}
//          ,         ,

Next.js を使用した MDX の目次

.eslintrc.js関連構成