用途
新着
履歴
分類

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">

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 world

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

公開 2019-08-07 16:21:11
このページの二次元コード
AngularJS 基礎 Hello world

人気のサンプル

search -  category -  about
© 2024 kipure
Top