Helloworld——AngularJS

1.文件

js目錄存放位置

2.helloworld.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HelloWorld</title>
    <meta name="keywords" content="HelloWorld" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <script src="js/common/angular.min.js"></script>
    <script src="js/common/angular-ui-router.min.js"></script>

</head>

<body ng-app>
    <input type="text"
           ng-model="name"
           placeholder="Enter your name">
    <h1>Hello {{name}}</h1>
</body>
</html>

3. 頁面展示

HelloWorld頁面展示

4. 解析

  • ng-app: 表示啟動AngularJS,并指定body歸AngularJS控制
  • ng-model: 表示數據model層
  • {{ }}: 花括號等同于ng-bind,屬于view層,將model層數據在此處渲染
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個用于設計動態web應用的結構框架。首先,它是...
    200813閱讀 1,653評論 0 3
  • 個人博客搭建完成,歡迎大家來訪問哦黎默丶lymoo的博客 博主最近了解學習了一下angularJS,記錄一下心得給...
    黎默丶lymoo閱讀 1,058評論 0 21
  • AngularJS AngularJS概述 介紹 簡稱:ng Angular是一個MVC框架 其他前端框架: Vu...
    我愛開發閱讀 2,347評論 0 8
  • 簡介: AngularJS 是一個 JavaScript 框架。它可通過 標簽添加到 HTML 頁面。 Ang...
    JenniferYe閱讀 1,436評論 0 13
  • 今天看了橙子君的每日橙思,第一時間想說說自己的感受,可是呀,一早就忙著了!這不,現在才空閑下來。現在必須抓緊時間寫...
    下半輩子_閱讀 295評論 0 0