01-AnglularJS-概要

3297 ワード
アングラーJs モジュール化 javascript webアプリケーション
AngulJSの概要
  • Google社がWebアプリケーションのために動的に設計したJavaScriptフレームワークは、HTMLの構築アプリケーションの不足を克服するために使用されています.
  • HTMLページにのラベルで できます.
  • AngularJSは によってHTMLを し、 によってHTMLにデータをバインドする.

    • AngularJS
    、モジュール 、 バインド、 ラベル
    AngularJSのメリット:
  • のコードを く はなく、 な を する.
  • jQueryのように なDOMコードを に するのではなく、データモデルを し、 を させるだけです.

    • AngularJSとは?
    AngularJSは、 の ページアプリケーション(SPAs:Single Page Applications)の をより にします.-AngularJSはアプリケーションデータをHTML にバインドします.-AngularJSはHTML をクローンおよび り します.-AngularJSはHTML を および にできます.-AngularJSは、HTML の にある「コードを する」ことができます.-AngularJSは をサポートします.
    AngularJSフロントエンドMVCの と
    どうしてMVCが ですか?1、コードの はますます きくなって、 を けるのは の くところです.2、 のため: くの はそっくりです.3、 メンテナンスのために : つの を して の に しません.MVCは にすぎず, の はモジュール と である.
    フロントエンドMVCの :プロセス:ブラウザのスクリプトのロード->ロードが した 、JITコンパイル DOMのコードはページ のロードが するのを たなければならない. のJSファイルの に が した 、プログラム は で しなければならない.JSのプロトタイプ も に くの をもたらした
    M:モデルモデルモデル-データベース;V:ビュー-HTMLページ;C:コントローラ-ユーザーインタラクションの
    MVCフレームワーク
    <body ng-app="app">    //ng-app:  aglJS    
   <div ng-controller="MyCtrl">  //ng-controller:         V  
      <input ng-model="msg">  //ng-model:    (       )       
      <h1>{{msg}}h1>   //{{}}: msg   h1
   div>
body>
<script type="text/javascript">
angular.module('app',[])  //[]   aglJS  ，        js
.controller('MyCtrl',function($scope){ 
    $scope.msg="angular"   //    
    })
script>

    :MyCtrlはコントローラ(C);bodyはビュー(V);scopeはMデータ、scopeです.msgはデータモデルModelです.moduleはAngularJSアプリケーションを し、ControllerはAngularJSアプリケーションを するために される.
    AngularJSとは?
    AngularJSは、 の ページアプリケーション(SPAs:Single Page Applications)の をより にします.-AngularJSはアプリケーションデータをHTML にバインドします.-AngularJSはHTML をクローンおよび り します.-AngularJSはHTML を および にできます.-AngularJSは、HTML の にある「コードを する」ことができます.-AngularJSは をサポートします.
    双方向データバインド---AngularJSの基本原理学習
    IEブラウザのjavascriptをスピードアップ