加减乘除，展示特定字符串，点击按钮加一

最新推荐文章于 2024-07-13 10:02:29 发布

天生犯二

最新推荐文章于 2024-07-13 10:02:29 发布

阅读量227

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_40040163/article/details/78218421

<!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>