使用Jquery结合AngulraJs使用的时候，在render完table后，执行一段js脚本，把JqTable应用到该table上，能够捕获到AngularJs渲染完成页面的事件。
要达到这个目的，需要为当前的app自定义directive:
appdirective('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>{{userId}}</td>
<td>{{userName}}</td>
<td>{{userSalary}}</td>
</tr>
最后，补充上需要render完成之后的Js脚本:
$scope$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {
//下面是在table render完成后执行的js
var table = $("#leaderBoard")dataTable({
bJQueryUI: true,
"sScrollX": '100%',
});
});
像jQuery，我如何添加动态行的表的表单在一个按钮angularjs，以及如何区分这些表单数组一样在正常的jQuery提交。<tr>
<td style="text-align:center">1</td>
<td>
<input type="text" class="form-control" required ng-model="newItemassets">
</td>
<td>
<select ng-model="newItemtype" class="form-control">
<option value="Rent" ng-selected="'Rent'">Rent</option>
<option value="Lease">Lease</option>
</select>
</td>
<td>
<input type="text" class="form-control" required ng-model="newItemamount" />
</td>
<td>
<select ng-model="newItemcalculation_type" class="form-control">
<option value="Daily" ng-selected="'Daily'">Daily</option>
<option value="Monthly">Monthly</option>
<option value="Yearly">Yearly</option>
</select>
</td>
<td>
<input type="text" class="form-control" required ng-model="newItemtotal_amount" />
</td>
</tr>
可以编写个代码，如下；
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>angularjs-focus</title>
</head>
<body>
<input type="text" set-Focus="">
<script type="text/javascript" src="js/angularminjs"></script>
<script type="text/javascript">
var myApp = angularmodule('myApp',[]);
myAppdirective('setFocus', function(){
return function(scope, element){
element[0]focus();
};
});
</script>
</body>
</html>
AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。
AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中。
通过angularjs获取html元素id没有直接的方法，因为id是一个dom *** 作。
Angular不会帮助用户获得DOM的某个属性。如果需要使用的是DOM选择器，不管是原生的也好或者像jQuery这样的库也好。
官方说法：不能在控制器里面做DOM *** 作，那我就把DOM *** 作相关的代码放到指令里面好了这种做法确实是好一些了，但是通常还是是错误的。
以上就是关于如何监听angularjs列表数据是否渲染完毕全部的内容，包括:如何监听angularjs列表数据是否渲染完毕、如何使用angularjs处理动态菜单、如何使用angularjs实现文本框获取焦点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）