Как скрыть компонент как кнопку в Form.io

Question

Я борюсь с Formio, скрывая компонент кнопки моей формы. Мне нужно скрыть кнопку отправки в моей форме. Пожалуйста помоги. заранее спасибо

Единственное, что я думаю, должно работать, вы можете увидеть в моем коде. Я пытался положить его на мой renderOptions как массив, а также. Ничего еще не сработало.

HTML:

<div>   
    <formio 
        [form]="structuredForm" 
        [submission]='{"data":formSubmission }'
        [renderOptions]="formioRenderOptions"
        hide-components="['submit', 'submit5']"> 
    </formio> 
</div>

мой formioRenderOption мне нужно установить скрытые кнопки здесь?

this.formioRenderOptions = {
  noAlerts: true,
  language: this.translateService.currentLang.replace('_', '-')
  i18n: '',
  readOnly: true,
};

Мой файл Formio JSON с 2 кнопками:

        {
            "label": "save",
            "action": "event",
            "showValidations": false,
            "event": "saveDraftEvent",
            "theme": "primary",
            "shortcut": "",
            "disableOnInvalid": true,
            "mask": false,
            "tableView": true,
            "alwaysEnabled": false,
            "type": "button",
            "key": "submit4",
            "input": true,
            "conditional": {
                "show": "",
                "when": "",
                "json": ""
            },
            "customConditional": "",
            "properties": {},
            "tags": [],
            "logic": [],
            "defaultValue": true
        },
        {
            "label": "next",
            "action": "event",
            "showValidations": false,
            "event": "submitApplicationEvent",
            "theme": "primary",
            "shortcut": "",
            "disableOnInvalid": true,
            "mask": false,
            "tableView": true,
            "alwaysEnabled": false,
            "type": "button",
            "key": "submit5",
            "input": true,
            "conditional": {
                "show": "",
                "when": "",
                "json": ""
            },

Сейчас моя форма доступна только для чтения, однако кнопки все еще видны и не скрыты.

Answer 1

Вы можете установить скрытое свойство компонента, которое вы не хотите показывать как true.

"hidden": true

Если вы хотите показать или скрыть компонент условно на основе значения других компонентов в форме, вы можете использовать условное свойство объекта компонента.

"conditional": {
    "show": "",
    "when": "",
    "json": ""
},

Здесь свойство "show" будет содержать "true" или "false", когда "" свойство будет содержать условие, а свойство "json" будет содержать любой другой код проверки json.

Я надеюсь, что это решит вашу проблему.

Answer 2

Вы можете установить скрытое свойство true, как уже здесь ответили! Или, если вы хотите установить свойство скрытым после загрузки формы в любое определенное время, вы можете сделать это

controller: ['$scope', '$rootScope', function ($scope, $rootScope) {
         $scope.component.type='hidden';

    }],

и это изменит тип атрибута на

форма поля типа скрытая