<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>ng-init</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</head>
<body ng-app>
<div ng-init="hello = 'Hello'" >
{{hello}} World!!<br/>
<label>入力欄
<input type="text" ng-model="hello">
</label>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvasに画像を配置</title>
<style>
#mycanvas {
outline: blue 1px solid;
}
</style>
</head>
<body>
<!-- canvas上に配置する予定の画像を非表示で用意する -->
<div style="display: none">
<img src="hoge.png" alt="example" id="myimage" width="592" height="59"/>
</div>
<canvas id="mycanvas" width="800" height="350">
</canvas>
<script>
!function () {
var canvas = document.getElementById('mycanvas'),
ctx;
if (!canvas.getContext) {
return;
}
ctx = canvas.getContext('2d');
window.addEventListener('load', function() {
var image = document.getElementById('myimage');
// 左上のポジション指定
ctx.drawImage(image, 10, 10);
// ポジションと幅、高さ指定
ctx.drawImage(image,
10, 90, // 左上のポジション
102, 49); // 幅と高さ
// 元画像の描画範囲（切り取り範囲）と幅と高さを指定
ctx.drawImage(image,
60, 30, // 切り取り開始位置（左上の開始位置）
25, 40, // 切り取る幅と高さ
10, 180, // 画像を配置する左上のポジション
25, 40); // 画像の幅と高さ
});
}();
</script>
</body>
</html>
<input type="text" name="n" list="J1"/> <datalist id="J1"> <option value="ベガルタ仙台"> <option value="鹿島アントラーズ"> <option value="柏レイソル"> <option value="浦和レッズ"> <option value="大宮アルディージャ"> <option value="FC東京"> <option value="横浜Fマリノス"> <option value="川崎フロンターレ"> <option value="アルビレックス新潟"> <option value="ヴァンフォーレ甲府"> <option value="清水エスパルス"> <option value="名古屋グランパス"> <option value="セレッソ大阪"> <option value="ガンバ大阪"> <option value="ヴィッセル神戸"> <option value="徳島ヴォルティス"> <option value="サンフレッチェ広島"> <option value="サガン鳥栖"> </datalist>
<input type="color" name="color" list="c"> <datalist id="c"> <option value="#000000"> <option value="#ff0000"> <option value="#00ff00"> <option value="#0000ff"> <option value="#ffffff"> </datalist>
input:required {
background-color: lightcoral;
}
<input type="date" >
<input type="time" >
<input type="month" >
hoge = k1: 'v1' k2: 'v2' for key, value of hoge console.log key, ' = ', value class Hoge prop1: 'prop1' prop2: 'prop2' for key, value of new Hoge() console.log key, ' = ', value
k1 = v1 k2 = v2 prop1 = prop1 prop2 = prop2
<!DOCTYPE html>
<html ng-app="">
<head>
<meta charset="utf-8" />
<title>AngularJSでHello World!!</title>
</head>
<body>
<div ng-controller="HelloController">
Your name: <input type="text" ng-model="name"/>
<hr />
Hello {{name || "World"}}!
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<script src="hello.js"></script>
</body>
</html>
@HelloController = ($scope) -> $scope.name = 'World'