Question

我的要求

我需要在输入值后隐藏文本框中所需的错误消息

我做了什么

我创建了一个表单，用户可以通过单击添加按钮添加动态字段，因为会有文本框，单击该文本框时会显示一个模式，在该模式中它将包含几个字段用户在模态中输入带有值的字段，他们将按下模式中的按钮获取值并将其显示在模态页脚内的预标签中，使用jquery从前标签获取文本并将文本应用于按钮上的文本框字段在模态页脚内部单击

问题

即使在使用jquery从pre标签粘贴了值之后，仍然会收到erro消息如何摆脱它

这是我的代码供您参考

  <input ngControl="rules" id="rule_{{i}}" class="form-control rulez" #rules="ngForm" data-toggle="modal" data-target="#myModal" type="text" style="width: 299px !important;">

        <div class="error" *ngIf="rules.control.touched">
            <div *ngIf="rules.control.hasError('required')">Please Select a Rule</div>
        </div>
</div>

 <pre id="preTag"></pre>

Jquery代码从模态中获取值并在onclick弹出模式时将其应用于同一文本框

var idz, valz;
$(document).ready(function () {
    $(document).delegate('#getRuleStr', 'click', function () {
        console.log("hey"+idz);
        $('#'+idz).val($('#preTag').text());
    });
    $(document).delegate('.rulez', 'click', function () {
        idz = this.id;
        valz = $('#' + idz).val();
        console.log("inn" + valz);

            $('#builder').queryBuilder('reset');
            $('#resultRule').addClass('hide').find('pre').empty();

    });
});

请帮我解决此问题

Answer 1

据我所知，修改值后需要在输入上发出change事件，以使Angular2 Forms更新其状态。

在Angular2中，通常更好的是更新模型并从视图绑定到它以更新视图以反映Angular2的模型，而不是直接使用jQuery搞乱DOM。

即使在输入值之后，Angular 2文本框还需要验证消息

1 个答案: