AngularJS1 學習筆記1

時間 2019-11-13

標籤 angularjs1 angularjs 學習筆記欄目 AngularJS 简体版

原文原文鏈接

什麼是 AngularJS？

AngularJS 使得開發現代的單一頁面應用程序（SPAs：Single Page Applications）變得更加容易。javascript

AngularJS 把應用程序數據綁定到 HTML 元素。
AngularJS 能夠克隆和重複 HTML 元素。
AngularJS 能夠隱藏和顯示 HTML 元素。
AngularJS 能夠在 HTML 元素"背後"添加代碼。
AngularJS 支持輸入驗證。

代碼實例：

<!DOCTYPE html>
<html lang="en" ng-app="">
<head>
    <meta charset="UTF-8">
    <title>指令</title>
    <script type="application/javascript" src="../js/angular.min.js"></script>
</head>
<body>


<div >
    <p>名字 : <input type="text" ng-model="name"></p>
    <h1>Hello {{name + 55}}</h1>
</div>



<div  ng-init="firstName='John'">

    <p>姓名爲 <span ng-bind="firstName"></span></p>

</div>

<div data-ng-app="" data-ng-init="firstName='John'">

    <p>姓名爲 <span data-ng-bind="firstName"></span></p>

</div>
</body>
</html>