javascript - 如何在angular把DOM加载完成后再调用指定函数
黄舟
黄舟 2017-04-11 09:12:54
[JavaScript讨论组]

这是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标签:

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

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

谢谢

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
PHP中文网

使用ng-init

$scope.init = function() {
    // to do 
    
}

// html
<p ng-init="init()"></p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号