Question

我目前正在尝试使用'data-ng-include'向我的html页面添加标题，但我不断收到“未捕获错误：[$ injector：modulerr]无法实例化模块agentOnlineApp”错误。我已经将我的代码与本网站上的几个答案进行了比较，但它们似乎都没有效果。以下是此问题的当前代码配置。

profile.js

var profileModule = angular.module('agentOnlineApp', ['ui.bootstrap']);

profile.html

    `<script src="jscripts/js/ui-bootstrap-0.9.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/custom.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="jscripts/profile.js"></script>
    <body>
       <div class="container">
       <div data-ng-include="'header.html'"></div>
    </div>`

了header.html

<header >
<div class="row">
    <div class="col-sm-1 col-lg-1">
        <img class="shelterShield" src="css/images/shelter-shield.jpg" height="33" width="45" align="bottom" style="margin-top:-12px;">
    </div>
    <h1 class="col-sm-11 col-lg-11" style="background-image:url('css/images/topBanner.gif');">Agent Online</h1>
</div>

Answer 1

这个答案来自Ninsley，他发表评论指出我的标签调用顺序错误。我通过在angular.js调用的标签下移动ui-bootstarp-0.0.0.min.js的标签来跟踪他的回答，并且能够让我的程序运行。非常感谢Ninsly

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script src="jscripts/js/ui-bootstrap-0.9.0.min.js"></script>
<script src="jscripts/profile.js"></script>

UI.Bootstrap moduler版本0.9.0的未捕获错误

1 个答案: