<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></script> <title></title> </head> <body ng-app=""> //加減乘除的展示 <div>{{8 + 2}}</div> <div>{{8 - 2}}</div> <div>{{8 / 2}}</div> <div>{{8 * 2}}</div> <div>{{ true && false }}</div> <div>{{ true || false }}</div> <div>{{ !true }}</div> <div>{{ !false }}</div> <hr> <div ng-init="user = {id: 1, name: '張三'}"> <div>ID: <span ng-bind="user.id"></span></div> <div>用戶名: <span ng-bind="user.name"></span></div> </div> <hr> //展示前兩個字符串,(請不要複製註釋) <div ng-init="usernames = [ '王五','張三', '李四']"> <ul ng-repeat="name in usernames | limitTo: 2"> <li>{{ name }}</li> </ul> </div> <hr> <div ng-init="usernames_en = ['zhangsan', 'lisi', 'wangwu', 'zhaolu']"> //選擇帶“a”的字符串,(請不要複製註釋) <ul ng-repeat="name in usernames_en | filter: 'a'"> <li>{{ name }}</li> </ul> </div> <hr> //點擊按鈕,次數一直加一(請不要複製註釋) <button ng-init="Num = 0" ng-click="Num = Num + 1">點擊我,增加次數</button> <p>點擊次數:<i>{{ Num }}</i></p> </body> </html>
加減乘除,展示特定字符串,點擊按鈕加一
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.