无线电、multiCheckbox和checkbox的angular formly read-only模式

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"