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

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时，您的角度代码已被应用