Angular之路-hello

最近對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 元素。
2.

placeholder="輸入框灰色提示"

3.VS Code格式化代碼快捷鍵 Shift+Alt+F


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章