html 加载完调用函数,如何在angular把DOM加载完成后再调用指定函数

这是task.html这个网页片段：

{{ group.groupname }} {{ group.tasks.length }}

{{ task.title }} {{ task.tasker_main }} {{ task.urgency }} {{ task.ddl | date:'MM-dd' }} {{ task.upvoters.length }}

然后再app.js用ui-router做了一个这样的路由：

$stateProvider

.state('tasks', {

url: "/tasks",

templateUrl: "partials/tasks.html",

controller:'ctrl_task'

})

.state('newtask', {

url: "/newtask",

templateUrl: "partials/newtask.html",

controller:'ctrl_newtask'

})

.state('message', {

url: "/message",

templateUrl: "partials/message.html"

})

.state('state2', {

url: "/state2",

templateUrl: "partials/state2.html"

})

.state('state2.list', {

url: "/list",

templateUrl: "partials/state2.list.html",

controller: function($scope) {

$scope.things = ["A", "Set", "Of", "Things"];

}

});

因为用到了icheck这个插件(参考文档：http://www.bootcss.com/p/icheck/)，所以需要再DOM加载完成后调用初始化函数，于是我想直接在task.html里加上这个script标签：

$(document).ready(function () {

$('input').iCheck({

checkboxClass: 'icheckbox_square-green',

radioClass: 'iradio_square-green',

increaseArea: '20%'

});

});

然后发现icheck这个插件的效果并没有显示出来，但是如果这个标签放在了ng-repeat的外面的话，就可以正常加载插件的效果，所以，我猜想应该是初始化函数的问题。

请问该如何在angular把ng-repeat等等的操作都进行完成后再调用初始化函数啊？

谢谢