加減乘除,展示特定字符串,點擊按鈕加一

<!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>
發佈了28 篇原創文章 · 獲贊 7 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章