javascript - 需要删除输入字段

Question

我需要删除输入字段元素，当类型被隐藏时，当我从 autocomplete 类型的另一个选项卡中选择 hidden 类型作为控件类型时，值(value)越来越隐藏在显示中。但在控制台(F12)中显示如下值:

<div id="ember30156" class="ember-view hidden field" core-role="utility-field" aria-label="Non hidden">
<input id="ember30193" class="ember-view ember-text-field hidden text-field component" type="hidden" name="non-hidden" value="I am Hidden">
</div>

在网络字段中也显示如下值

------WebKitFormBoundaryMUmkbDAG6Iw0D4Xj
Content-Disposition: form-data; name="hidden"

I am Hidden
------WebKitFormBoundaryMUmkbDAG6Iw0D4Xj
Content-Disposition: form-data; name="rc"

1
------WebKitFormBoundaryMUmkbDAG6Iw0D4Xj--

但我需要隐藏控制台的元素和网络选项卡中的值。这是我的代码

Core.view.Form.Field.extend()
    .named('Core.view.Form.Field.hidden')
    .reopen({
        template: Ember.Handlebars.compile('{{#each value in view.model.values}}{{view view.field name=view.model.name value=value}}{{/each}}'),
        field: Ember.TextField.extend({
            type: "hidden",
            attributeBindings: ['name', 'value'],
            classNames: 'hidden',
            noLabel: true
        })
    });

我是 ember 的新手。

Answer 1

我不确定您所说的将其从网络中隐藏是什么意思，但是要使输入根本不显示在 DOM 中，您可以在模板 hbs 中使用 if 帮助程序:

{{#if showInput}}
  {{input value=something}}
{{/if}}

然后在组件 JavaScript 中:

this.set(‘showInput`, true)

揭示它。 the docs 中有 if 助手的示例和 the guides .我建议做官方tutorial在你学习的过程中。祝你好运:)

这个答案至少适用于 1.13 到 3.x。