angularjs - radio 、 multiCheckbox 和 checkbox 的 Angular 形式只读模式

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 的“别名”---直接来自 angular 文档: https://docs.angularjs.org/api/ng/function/angular.element )，你可以这样做:

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

通过这种方式，您可以看起来很酷，并吐出诸如“将 angular 和 jQuery 一起运行是不好的做法”之类的废话，因为您不知道自己在说什么，只是在某处阅读。

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