Question

我想使用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属性存在，但它似乎没有做任何事情。

Answer 1

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

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

1 个答案: