Javascript 使用jquery将ng模型动态添加到输入框属性

我想使用jquery动态地将ng模型添加到输入框属性中。 我想这样做，因为我有超过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();
            }
        });
    });
});

---

---

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

为什么不将ng model分配给空$scope变量，只填充您想要填充的变量，而不是尝试添加ng model。这不起作用的原因正如AngularHarsh所说，因为当您使用jquery添加ng模型时，您的angular代码已经准备好应用，为什么不将ng模型分配给空$scope变量，只填充您想要填充的变量，而不尝试添加ng模型呢。这不起作用的原因正如AngularHarsh所说，因为当您使用jquery添加ng模型时，您的angular代码已经准备好应用了，这可能是因为使用ng模型的特定angular代码在jquery插入ng模型之前就已经运行了。是的，这就是问题所在，因为每次我点击一个新复选框，jquery都会在页面加载后自动添加一个新的ng模型，所以angular不知道发生了什么。可能是因为使用ng模型的特定angular代码在jquery插入ng模型之前运行。是的，这就是问题所在，因为每次我点击一个新复选框，jquery都会在页面加载后自动添加一个新的ng模型，所以angular不知道发生了什么。可能是因为使用ng模型的特定angular代码在jquery插入ng模型之前运行。是的，这就是问题所在，因为每次我点击一个新复选框，jquery会在页面加载后自动添加一个新的ng模型，所以angular不知道发生了什么。嗨，Guinn，我这样做的唯一原因是，我的ng模型的属性必须绑定到搜索字段。我有很多搜索领域。例如：search.name，search.company。。。。。search.cost与ng repeat一起使用，以便我可以在正确的字段中搜索数据。名称、公司。成本从复选框id=name、id=company、id=cost中收集。但是，我如何集成空范围变量并将其绑定到ng repeat并过滤它呢？这听起来是一种非常不实用的方法，但我不太清楚您的意思。如果您想在选中复选框时将.name等的值放入某种数组中，您可以在复选框上添加一个ng更改，并使用一个函数来分配值。如果您可以将所拥有的内容放入一个Punker中，也许事情会变得更清楚一些。我的代码相当复杂。好吧，这就解决了，这是不现实的，所以我将尝试一种不同的方法。谢谢你Hi Guinn我这样做的唯一原因是，我的ng模型的属性必须绑定到搜索字段。我有很多搜索领域。例如：search.name，search.company。。。。。search.cost与ng repeat一起使用，以便我可以在正确的字段中搜索数据。名称、公司。成本从复选框id=name、id=company、id=cost中收集。但是，我如何集成空范围变量并将其绑定到ng repeat并过滤它呢？这听起来是一种非常不实用的方法，但我不太清楚您的意思。如果您想在选中复选框时将.name等的值放入某种数组中，您可以在复选框上添加一个ng更改，并使用一个函数来分配值。如果您可以将所拥有的内容放入一个Punker中，也许事情会变得更清楚一些。我的代码相当复杂。好吧，这就解决了，这是不现实的，所以我将尝试一种不同的方法。谢谢你Hi Guinn我这样做的唯一原因是，我的ng模型的属性必须绑定到搜索字段。我有很多搜索领域。例如：search.name，search.company。。。。。search.cost与ng repeat一起使用，以便我可以在正确的字段中搜索数据。名称、公司。成本从复选框id=name、id=company、id=cost中收集。但是，我如何集成空范围变量并将其绑定到ng repeat并过滤它呢？这听起来是一种非常不实用的方法，但我不太清楚您的意思。如果您想在选中复选框时将.name等的值放入某种数组中，您可以在复选框上添加一个ng更改，并使用一个函数来分配值。如果您可以将所拥有的内容放入一个Punker中，也许事情会变得更清楚一些。我的代码相当复杂。好吧，这就解决了，这是不现实的，所以我将尝试一种不同的方法。非常感谢。