標籤：-- 4.0 點擊 效果 控制 代碼下載 meta ansi https
代碼下載：https://files.cnblogs.com/files/xiandedanteng/angularjsCtrl.rar
代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html ng-app="notesApp"> <head> <title> New Document </title> <meta charset="utf-8"> <script src="angular1.4.6.min.js"></script> </head> <body ng-controller="MainCtrl as ctrl"> <h1>{{ctrl.msg}} AngularJS</h1> <button ng-click="ctrl.changeMsg()">Cg</button> </body></html><script type="text/javascript"><!-- angular.module(‘notesApp‘,[]) .controller(‘MainCtrl‘,[function(){ var self=this; self.msg=‘Hello‘; self.changeMsg=function(){ if(self.msg==‘Hello‘){ self.msg=‘Goodbye‘; }else{ self.msg=‘Hello‘; } }; }]);//--></script>
點擊按鈕前後的效果：
要點：
任何定義在控制器執行個體上的變數都是可以訪問的，也能在html中呈現給使用者。大部分情況可以用這種方式將資料顯示在UI中。
AngularJS的控制器樣本
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
