2013年2月15日 星期五

Hello! 開始使用AngularJS

AngularJS-large
HTML是web的基本,Angular則是可以快速幫忙打造一個web app的模板語言,這是朋友強力推薦的東西,最近也要來研究看看。

官網:
AngularJS

首先看一下下面這段官網提供的code:
  1. <!DOCTYPE html>     
  2.     <html ng-app>     
  3.       <head>     
  4.         <title>Hello AngularJS</title>     
  5.         <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>     
  6.       </head>     
  7.       <body>      
  8.         <p>Hello {{yourName }}!</p>     
  9.           <label>Name: </label>     
  10.           <input type="text" ng-model="yourName" placeholder="Enter a name here">     
  11.       </body>     
  12. </html>    

測試網址如下
Hello Angular

可以看到他只是在html加上ng-app,在input的地方加上ng-model="yourName",並在要output的地方放上{{yourName }},連一行程式都不用寫,就可以完成一個有動態效果的網頁了,很神奇吧。

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...