最近對SPA很感興趣,決定學學AngularJS。
>參考書AngularJS權威指南
第一感覺是Ajs在標籤中加入了一些"ng-app,ng-model"等等的東西,目前還不知道是什麼。
代碼:
第一步就是hello啦
<!DOCTYPE html>
<html ng-app>
<head>
<title> SimplePage</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
</head>
<body>
<!-- date814
<div data-ng-app="" data-ng-init="firstName='你好'">
<p>姓名爲 <span data-ng-bind="firstName"></span></p>
</div>-->
<input ng-model="name" type="text" placeholder="輸入框灰色提示">
<h1>Hello {{name}}</h1>
</body>
</html>
結果:
總結:
1.
ng-model | 綁定應用程序數據到 HTML 元素。 |
placeholder="輸入框灰色提示"
3.VS Code格式化代碼快捷鍵 Shift+Alt+F