AnglarJS基礎学習ノートの簡単な紹介

AnglarJSはJavaScriptのフレームです.これはタグを使ってHTMLページに追加できます.ボルトp>
<p>AnglarJSは、命令によりHTML属性を拡張し、表式でHTML要素にデータをバインドします.ボルトp>
<p>lt;strong gt;AnglarJSはJavaScriptフレーム<です.bragt;ボルトストリングス>ボルトp>
<p>AnglarJSはJavaScriptの枠組みであり、JavaScript言語によって作成されたクラスライブラリです.ボルトp>
<p>AnglarJSはJavaScriptファイルの形式で発表しています.Scriptタグを使ってウェブページに追加できます.bragt;ボルトp>
<div class=「codetitle」
<spant>lt;u>ボルトu>ボルトspant;コードは以下の通りです
<div>
<div class=「codebody」id=「code 93687」gt;
<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.min.js">
AnglarJSはHTMLを拡張しました.
AnglarJSは一連のng-directivesコマンドでHTMLを拡張します.
ng-appコマンドはAnglarJSアプリを定義します.
ng-modelコマンドはHTMLコントロールの値をデータモデルと結合します.
ng-bindコマンドは、モデルデータをHTMLビューにバインドします.

  
Name: 
  

な :
ページの み みが すると、AnglarJSは に を します.
AnglarJSの はAnglarJS Applicationのルート であると、ng-apコマンドが えてくれます.
ng-modelコマンドはinputラベルの を nameにバインドします.
ng-bindコマンドは、 nameの を のinnerHTML にバインドします.
 AnglarJS はご の り、AnglarJS はngで まるHTML のセットです.
AnglarJSアプリの は、ng-nit により できます.

The name is 

コード:

The name is 

ノート プレフィックスdata-ng-を してng-の わりにすることができます.これはページ のHTMLが であることを できます. の でアングラーJSの をもっと します.
AnglarJS
AnglarJS は、 かっこに いてあります.｛ ｝.
AnglarJSは、 「 」を の として に します. えば、

  
My first expression: {{ 5 + 5 }}

AngullarJS バインドデータからHTMLへの はng-bind と じです.

 
Name: 
 
{{name}}

の でAnglarJS についてもっと します.
AnglarJSアプリ
AnglarJSモジュールはAnglarJSアプリを しています.
AnglarJSコントローラはAnglarJSアプリの を しています.
ng-appコマンドはappleを するために されますが、ng-controllerコマンドはコントローラを するために されます.

First Name: 

Last Name: 



Full Name: {{firstName + " " + lastName}}




var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
 $scope.firstName= "John";
 $scope.lastName= "Doe";
});

AnglarJSモジュール定義aplications:

var app = angular.module('myApp', []);
　　AngularJS     AngularJS Applications   ：

app.controller('myCtrl', function($scope) {
 $scope.firstName= "John";
 $scope.lastName= "Doe";
});

後の章ではモジュールやコントローラについてもっと勉強します.
以上述べましたが、本文の内容は全部です.お好きになってください.