2014-09-25 2 views
0

현재 'data-ng-include'를 사용하여 HTML 페이지에 헤더를 추가하려고하는데 'Uncaught Error : [$ injector : modulerr] 모듈 agentOnlineApp 인스턴스를 인스턴스화하지 못했습니다 "오류가 발생했습니다. 이 사이트에서 발견 된 여러 답변과 내 코드를 비교했지만 어느 것도 작동하지 않는 것 같습니다. 다음은이 문제점에 대한 현재 코드 구성입니다.UI.Bootstrap moduler 버전 0.9.0의 알려지지 않은 오류

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> 

+1

'ui-bootstrap-0.9.0.min.js' 파일은 'angular.js' 파일 아래에 있어야합니다. 그것은 각도와 부트 스트랩에 의존합니다. ([see docs] (http://angular-ui.github.io/bootstrap/) – Stryner

+0

잘 작동했는데 지금은 헤더를 볼 수 있지만 지금은 404 오류가납니다. 탭 및 탭 세트 템플리트를로드 할 수 없습니다. – Karson074

답변

0

이 답변은 FR 온다 옴 닌 슬리는 누가 내 태그를 잘못 주문했다고 말한 의견을 올렸습니다. 나는 ui-bootstarp-0.0.0.min.js에 대한 태그를 angular.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> 
관련 문제