AngularJSを使ってみた

naohiro19
記事: 256
登録日時: 15年前
住所: 愛知県

AngularJSを使ってみた

投稿記事 by naohiro19 » 8年前

AngularJSというJavaScriptｓのライブラリがあります。AngularJSはMVCのパターンを使って記述できます。
HTML5では内に書いても、内に書いても仕様的にも認められています。

たとえば「Hello, AngularJS!」という文字列を表示するサンプルプログラムです。

CODE: 




	
	AngulaJS Test


    
        {{ message }}
上記を制御するJavaScriptのソースコード

CODE: 

// js/main.js
(function(){
    'use strict';
    var MyApp = angular.module('app',[]);
    MyApp.controller('mycontroller',['$scope', function($scope) {
        $scope.message = 'Hello, AngularJS!';
    }]);
})();
JavaScriptのファイル名は「main.js」にしています。

AngularJSは、Google Chrome(Ver.59.0.371.115)、Internet Explorer(ver.11.0.9600.18738)、Firefox(Ver.54.0)、Opera(Ver.46.0.2597.46)での動作確認しています。

以下はGoogle Chromeでの表示結果です。
angulajs.png
Google Chromeでの実行結果(AngularJS)
angulajs.png (825 バイト) 閲覧数: 163 回
最後に編集したユーザー naohiro19 on 2017年7月19日(水) 10:52 [ 編集 1 回目 ]
ページトップ
コメントはまだありません。