Question

我需要以只读模式显示表单，我正在使用angular-formly创建基于Json的表单。检查了用于文本输入的链接http://angular-formly.com/#/example/other/read-only-form，请建议如何为收音机，多重复选框和复选框设置只读

Answer 1

我们是通过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"

无线电，多重复选框和复选框

1 个答案: