angularjs – 用于收音机,multiCheckbox和复选框的角度形式只读模式

前端之家收集整理的这篇文章主要介绍了angularjs – 用于收音机,multiCheckbox和复选框的角度形式只读模式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@
@H_403_0@
我需要以只读模式显示表单,我使用angular-formly创建基于Json的表单.检查了用于文本输入的链接 http://angular-formly.com/#/example/other/read-only-form,请建议如何为radio,multicheckBox和checkBox设置只读

解决方法

我们通过jQuery做到这一点:

$(document).ready(function () {
            $('input').click(function (e) {
                e.preventDefault();
            });
        });

或者,如果你想“假装”你正在使用“angular”来做这件事,即使你实际上是在使用jQuery,并想输出更多的代码来编写完全相同的东西(字面意思,它只会运行在jQuery上面的代码作为angular.element是jQuery的“别名” – 直接出于角度文档:https://docs.angularjs.org/api/ng/function/angular.element),你可以这样做:

angular.element(function() {
        angular.element('input').trigger('click')(function(e) {
            e.preventDefault();
        };
   });

通过这种方式,你可以看起来很酷,并且像“将角度和jQuery一起运行是不好的做法”那样滔滔不绝地说废话,因为你不知道你在说什么,只是在某处阅读.

这适用于所有输入字段.如果你有带按钮等的按钮或日期选择器,最简单的方法是在表单中的模型上设置readOnly属性,然后在页面上将其设置为true,只需要读取它然后设置ng-show在按钮上:ng-show =“!model.readOnly”

@H_403_0@

猜你在找的Angularjs相关文章