使用带有Requires JS的Angular JS:菜单悬停事件不绑定

时间:2014-03-05 11:17:19

标签: javascript jquery angularjs requirejs

我在角度js中有一个应用程序。我正在使用Requires js来加载我的js文件。现在问题是我有一个带有下拉列表的菜单项,其中(菜单html)需要在我加载各自的js菜单之前存在,这样它才能将悬停事件绑定到菜单。我已经通过ng-include加载了菜单模板。现在当我加载我的js文件时会发生什么,因为在应用程序引导后,角度加载了ng-include中的html,我的html没有呈现。因此,菜单js文件无法将事件绑定为js加载时不存在的html。

任何onr都知道如何在角度js文件中处理这个问题。

1 个答案:

答案 0 :(得分:0)

我得到了答案,非常简单,告诉在角度引导应用程序之后加载js文件所需。

这是我的嘘声捕捉文件现在的样子。

define(
    ['angular','controllers','directives','filters','services','common-controllers','require'],
    function (angular,controllers,directives,filters,services,commonControllers) {
        var app = angular.module('app',['controllers','directives','filters','services','common-controllers']);
        app.init = function () {
            angular.bootstrap(document, ['app']);
            require(['bootstrap-tpls','gsap','jquery-ui','bootstrap','joinable','resizeable','custom'],function(){
            });
        }

        return app;
    }
);

这一行已经成功了

require(['bootstrap-tpls','gsap','jquery-ui','bootstrap','joinable','resizeable','custom'],function(){
            });