Question

这里我有我的Angular模块：

var app = angular.module('app', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider, $provide){
   $urlRouterProvider.otherwise('/');
   $stateProvider.state('aaa', {
        url: '/aaa',
        views: {
            'menu-content': {
                templateUrl: 'resources/views/aaa.jsp',
                controller: 'AaaController',
                controllerAs : "aaaCtrl"
            }
        }
    });
});

我有主页，其网址为'/'。我在其标题中添加了app_script.js：

<html>
   <head>
      <script src="<c:url value="/resources/js/app_scripts.js"/>"></script>
   </head>
   <body ng-app="app">
      <div ui-view="menu-content"></div>
   </body>
</html>

app_script.js内容：

$(function(){
   $('#myModalSubmit').click(function() { //component #myModalSubmit exists in template resources/views/aaa.jsp
      alert('click');
   });
});

问题是当我在ui-view组件中加载模板时，jquery脚本不起作用。它只在重新加载页面后才有效。我认为它从第一个开始不起作用，因为主页'/'中没有id为'myModalSubmit'的组件。它仅在加载ui-view时出现。

所以我的问题是，如果我希望它在resources/views/aaa.jsp中加载的模板ui-view上执行，我应该在哪里包含我的app_script.js文件？我应该直接将它包含在模板中吗？我尝试过这个，但它也没有用。

使用AngularJS ui.router时放置.js文件的位置？

0 个答案: