angularJS1 ng-disabled控制元素是否禁用

最新推荐文章于 2022-01-12 09:44:29 发布

xiejunna

最新推荐文章于 2022-01-12 09:44:29 发布

阅读量1.2w

点赞数

分类专栏： angularJS1 文章标签： angularjs

本文链接：https://blog.csdn.net/xiejunna/article/details/53817225

版权

angularJS1 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

1.适用范围：<input>, <select>, <textarea>,<button>
2.ng-disabled=’表达式’；表达式的结果为true时，元素将禁用；为false时，将解除禁用。
3.demo如下：

<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <title>form demo</title>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <script src="js/angular.min.1.6.0.js"></script>
    </head>

    <body ng-app="app" ng-controller="myctrl">

        <br /><br />

        <!--
            作者：18476635662@163.com
            时间：2016-12-22
            描述：控制button有效或者无效          true:禁用状态
        -->
        <button ng-disabled="isdisabled" >控制button是否禁用</button>



    </body>

    <script>
        var app = angular.module('app', []);
        app.controller('myctrl', function($scope, $window,$log) {


            $scope.isdisabled=true;

        });

    </script>

</html>

xiejunna

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
angularJS1 ng-disabled控制元素是否禁用

1.适用范围：<input>, <select>, <textarea>,<button> 2.ng-disabled=’表达式’；表达式的结果为true时，元素将禁用；为false时，将解除禁用。 3.demo如下：<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo<
复制链接

扫一扫