javascript - 使用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 时，您的 Angular 代码已准备好应用