認識 angularjs 及 angularjs 簡單實用

來源:互聯網
上載者:User

標籤:rip   space   應用程式   添加   charset   處理   使用者操作   logs   模組   

Angular.js中,引入了專門的ViewModel(視圖模型)來實現View和Model的粘合,讓View和Model的進一步分離和解耦。

優勢:
   1、低耦合
   2、可重用性
   3、獨立開發
   4、可測試性

MVC
  model view controller
  模型-視圖-控制
  資料-頁面-業務處理
  視圖:直接使用者操作的頁面
  模型:參與運算的所有資料(對資料進行過濾、篩選、排序、crud等操作)
  控制:資料傳遞

angular.js的核心功能模組
  1、資料的綁定
  2、過濾器
  3、路由
  4、範圍
  5、指令集
  6、模板
  7、依賴注入

使用 angular.js

 

 1 <!DOCTYPE html> 2 <html ng-app="myApp" ng-controller="myCtrl"> 3 <!-- 4     描述:在 HTML 頭部引入  ng-app="myApp" ng-controller="myCtrl" 5 --> 6     <head> 7         <meta charset="utf-8" /> 8         <title>Angular.js的指令</title> 9     </head>10     <body>11         <script src="js/angular.js"></script>12         <script>13             /*14              * 在  js 代碼中引入 下列代碼即可使用 Angular.js15              */16             angular.module("myApp", []).controller("myCtrl", function($scope) {17                 // Angular.js 處理 函數 "myApp" 對應的是 ng-app 的值; "myCtrl" 對應的是 ng-controller 的值;18             });19         </script>20     </body>21 </html>

 

ng-app 指令初始化一個 AngularJS 應用程式。

ng-controller 指令用於為你的應用添加控制器。

 

認識 angularjs 及 angularjs 簡單實用

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.