ITPub博客

首页 > IT职业 > IT图书 > angularjs的ng-change事件演示

angularjs的ng-change事件演示

IT图书 作者:samenzhou 时间:2021-09-09 09:45:35 0 删除 编辑

今天练习angularjs的ng-change事件。

比如用户作出选择时,系统所指定的选项中,没有用户合适的选项。此时我们可以让用户填写。

图片描述

 刚开始文本框是隐藏的。当用户选择了checkbox之后才会显示出来。
图片描述

 

在angularjs程序的model中IsVisible的值为false。

图片描述

 

这样子,程序在运行时,文本框就是隐藏的。

 

接下来,我需要在程序中,添加一个Checkbox:
图片描述

 

上面的ng-change的值就是一个angularjs的方名ShowHide:

图片描述

 

最后看看下图示例,相信你能看得懂与明白所表达的意思:

图片描述

 

完整的angularjs代码:

 var appoo = angular.module('App1', []);        appoo.controller('Ctrl1', function ($scope) {            $scope.IsVisible = false;            $scope.ShowHide = function () {                $scope.IsVisible = $scope.ShowOtherDescript;            };        });

Source Code


完整的html代码:

                    其它说明                   
                               
    

Source Code

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/912/viewspace-2811860/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-19

  • 博文量
    104
  • 访问量
    1057