angularjs怎么监听input的变化

Posted 2023-05-08

参考技术A 使用Jquery结合AngulraJs使用的时候，在render完table后，执行一段js脚本，把JqTable应用到该table上，能够捕获到AngularJs渲染完成页面的事件。
要达到这个目的，需要为当前的app自定义directive:
app.directive('onFinishRenderFilters', function ($timeout)
return
restrict: 'A',
link: function(scope, element, attr)
if (scope.$last === true)
$timeout(function()
scope.$emit('ngRepeatFinished');
);


;
);
然后，在需要监控的地方，加上该directive:
<tr ng-repeat="user in users" on-finish-render-filters>
<td>user.Id</td>
<td>user.Name</td>
<td>user.Salary</td>
</tr>
最后，补充上需要render完成之后的Js脚本:
$scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent)
//下面是在table render完成后执行的js
var table = $("#leaderBoard").dataTable(
bJQueryUI: true,
"sScrollX": '100%',
);
);本回答被提问者采纳 参考技术B 还是onchange事件啊

使用jQuery实时监听input输入值的变化

//jQuery实时监听input值变化 
$("#email").on("input propertychange",function(){
    var str = $(this).val();
    console.log(str);
    //alert(str);
});