ng-if实现显示隐藏案例

最新推荐文章于 2022-04-02 14:56:18 发布

Android丶ztz

最新推荐文章于 2022-04-02 14:56:18 发布

阅读量1.3k

点赞数

分类专栏： AngularJS

本文链接：https://blog.csdn.net/TianzhuZ/article/details/78322140

版权

AngularJS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击按钮实现显示ng-if</title>
    <script src="AngularJS/angular.js"></script>
    <script type="text/javascript">
        var app = angular.module("myApp",[]);
        app.controller("myCtrl",function ($scope) {
            $scope.toggle = function () {
                $scope.myVar = !$scope.myVar;
            }
        });
    </script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <button ng-click="toggle()">点击按钮显示div</button>

    <table ng-if="myVar" border="1 dashed blue">
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
        </tr>
    </table>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Android丶ztz

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ng-if实现显示隐藏案例

html>html lang="en">head> meta charset="UTF-8"> title>点击按钮实现显示ng-iftitle> script src="AngularJS/angular.js">script> script type="text/javascript"> var app = angular.module("m
复制链接

扫一扫