前端學習(1564):ng-switch

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body ng-app>
    <select ng-model="selected">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <div ng-switch="selected">
        <div ng-switch-when="1">
            你選擇的是1
        </div>
        <div ng-switch-when="2">
            你選擇的是2
        </div>
        <div ng-switch-when="3">
            你選擇的是3
        </div>
        <div ng-switch-default>

        </div>
    </div>
    <script src="./js/Angular.js"></script>
    <script>
    </script>
</body>

</html>

運行結果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章