<!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>
加减乘除,展示特定字符串,点击按钮加一
最新推荐文章于 2021-10-28 17:34:00 发布