使用 jquery 将 ng-model 动态添加到输入框属性

Dynamically adding ng-model to input boxes attribute using jquery

本文关键字：输入 属性 添加 动态 jquery ng-model 使用      更新时间：2023-09-26

我想使用 jquery 将 ng-model 动态添加到输入框属性。我想这样做，因为我有超过 10 个输入框，所以我只想使用一个。所以我所做的是有很多复选框，当我检查一个特定的复选框时，输入框会向下滑动。

$(function() {
    $( "#datepickerFr" ).datepicker();
    $( "#datepickerTo" ).datepicker();
    $('#dateInput').slideUp();
    $('#textInput').slideUp();
    var optionC = [];
    $('[name="searchOption"]').each(function(i, obj) {
        $(this).click(function() {
            var textSearch = $(this).parent().text();
            var e_name = $(this).attr('id');
            var lastName = e_name.substring(e_name.length - 4, e_name.length);
            if (lastName == "Date") {
                $('#searchLabelD').html(textSearch + "   Pick a date ( Month | Day | Year )");
                $('#datepickerFr').attr('ng-model', e_name + 'Fr');
                $('#datepickerTo').attr('ng-model', e_name + 'To');
                $('#dateInput').slideDown();
                $('#textInput').slideUp();
            } else {
                $('#inputSearch').attr('ng-model', "search." + e_name);
                $('#searchLabelT').html(textSearch);
                $('#dateInput').slideUp();
                $('#textInput').slideDown();
            }
        });
    });
});

到目前为止，当我查看检查器元素时，我看到ng-model属性在那里，但它似乎没有做任何事情。

为什么不将ng-model分配给空$scope变量，只填充要填充的变量，而不是尝试添加ng-model。这不起作用的原因就像 AngularHarsh 所说的那样，因为当你使用 jquery 添加 ng-model 时，你的角度代码已经全部应用

了。
相关文章：