AngularJs基礎教程(一)私の最初のangularjsプログラム

ここではH 5 EDU
機構公式HTML 5トレーニング
チュートリアル、AngularJs基礎チュートリアル
,AngularJsチュートリアル
angularjsについての基礎的な理解を導きます
このセクションでは、新しいAngularjsプログラムを開始する方法について説明します.

	
  	


	

        {{test}}
	
	
		var module=angular.module("testApp",);
		module.controller("test1",function($scope){
			$scope.test="    www.h5edu.cn";
		});
	

1.angularjsのベースファイル(コードなど)を導入します.
このソースファイルはみんなが自分でダウンロードすることができて、私がアップロードした添付ファイルの中でを得ることができます


2.ng-app指令によりangularjsの作用範囲を決定する:





3.ng-controller命令によりコントローラの作用範囲を宣言し、そのコントローラにと命名する

4.jsのラベルにmoduleを宣言します.このモジュールの役割範囲はng-appの役割範囲です.


var module=angular.module("testApp",);


5.コントローラを宣言し、moduleオブジェクトの下のcontroller関数でコントローラを宣言します.


module.controller("test1",function($scope)


6.コントローラの役割ドメインで変数を宣言し、を割り当てます.


$scope.test=「www.h 5 edu.cnへようこそ」;


7.バインディングの方法でビューで役割ドメインで宣言された変数をバインディングし、ページ表示「www.h 5 edu.cnへようこそ」を実現する