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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiejunna/article/details/53817225

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>
展开阅读全文

没有更多推荐了,返回首页