<!DOCTYPE html>
<html lang="ja" ng-app="test">
<head>
<meta charset="UTF-8">
<title>Angular</title>
<script src="angular.js"></script>
<script src="sample.js"></script>
</head>
<body>
<div class="test1" ng-controller="testx1 as app">
<h1>{{app.message}}</h1>
<button ng-click="app.hello('App1')">Click Me</button>
</div>
<div class="test2" ng-controller="testx2 as app">
<h1>{{app.message}}</h1>
<button ng-click="app.hello('App2')">Click Me</button>
</div>
</body>
</html>
var app = angular.module("test", []);
app.controller('testx1', function(){
this.message = "First App 1";
this.hello = function(string) {
alert('Hello ' + string);
};
});
app.controller('testx2', function(){
this.message = "First App 2";
this.hello = function(string){
alert('Hello ' + string);
};
});
最終更新：2016年05月26日 02:53
