定番
新着
履歴

AngularJS 基礎 Hello world

AngularJS 基礎 Hello world

angularJS(アンギュラージェイエス)は、簡単に言うと「データ」「表示」「制御」を分けて効率的に動くJavaScriptのフレームワークです。主にgoogleによって開発が進んでいます。

では早速、とにかく「Hello world」という文字を出力してみましょう。

まずangularJSを読み込む

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>

JavaScript

// myAppモジュールを作成
var app = angular.module('myApp', \[\]);
// myAppモジュールにmyControllerコントローラーを登録
app.controller('myController', function($scope) {
	$scope.hello = 
		{value:"Hello world"}	
});

HTML

<div ng-app="myApp">
<div ng-controller="myController">
<p>{{hello.value}}</p>
</div>
</div>

実行結果

{{hello.value}}

以上で終わりです。なんだか少しややこしい感じますね。しかし、いろんなものを作っていくと良さがわかってくると思いますよ。

2016-09-15 23:50:16
このページの二次元コード

関連するサンプル

人気記事ランキング

© 2018 kipure
Top