Açısal önyükleme neden enjekte edilmiyor?

Question

Açısal önyükleme düzenini açısal bir uygulamaya doğru şekilde nasıl enjekte edebilirim? El ile index.html aşağıdaki kodu ile kütüphaneleri uzak sürümlerini dahil ettiğinizde

, açısal önyükleme çalışır:

<!-- start manual dependencies for testing purposes --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js" data-semver="1.5.0" data-require="angularjs@1.5.0"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-animate.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-route.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-touch.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-cookies.js"></script> 
<link data-require="ui-bootstrap@0.13.1" data-semver="0.13.1" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" /> 
<script data-require="ui-bootstrap@0.13.1" data-semver="0.13.1" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.1/ui-bootstrap-tpls.js"></script> 
<!-- end manual dependencies for testing purposes --> 

Ancak uygulaması (JavaScript de çalışmıyor yani derleme durur Bağımlılıklar otomatik olarak'u yönetmeyi denediğimde, tarayıcısına yalnızca ve html sunulur.

Ben this other posting on the same topic okuyup şöyle önerilerini çalıştı, bu nedenle bu yinelenen bir gönderme değildir:

[user@localhost client]$ bower install angular-bootstrap 
bower cached  git://github.com/angular-ui/bootstrap-bower.git#1.2.5 
bower validate  1.2.5 against git://github.com/angular-ui/bootstrap-bower.git#* 
[user@localhost client]$ 

Bower daha sonra index.html yılında kapsamaktadır aşağıdaki listesini oluşturur, yukarıda gösterildiği içerir kılavuzu değiştirin:

<!-- build:js(.) scripts/vendor.js --> 
<!-- bower:js --> 
<script src="bower_components/jquery/dist/jquery.js"></script> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
<script src="bower_components/angular-aria/angular-aria.js"></script> 
<script src="bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="bower_components/angular-messages/angular-messages.js"></script> 
<script src="bower_components/angular-resource/angular-resource.js"></script> 
<script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="bower_components/angular-touch/angular-touch.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

Ve bower.json şunları içerir:

{ 
    "name": "client", 
    "version": "0.0.0", 
    "dependencies": { 
    "angular": "^1.4.0", 
    "bootstrap-sass-official": "^3.2.0", 
    "angular-animate": "^1.4.0", 
    "angular-aria": "^1.4.0", 
    "angular-cookies": "^1.4.0", 
    "angular-messages": "^1.4.0", 
    "angular-resource": "^1.4.0", 
    "angular-route": "^1.4.0", 
    "angular-sanitize": "^1.4.0", 
    "angular-touch": "^1.4.0", 
    "angular-bootstrap": "^1.2.5" 
    }, 
    "devDependencies": { 
    "angular-mocks": "^1.4.0" 
    }, 
    "appPath": "app", 
    "moduleName": "clientApp", 
    "overrides": { 
    "bootstrap": { 
     "main": [ 
     "less/bootstrap.less", 
     "dist/css/bootstrap.css", 
     "dist/js/bootstrap.js" 
     ] 
    } 
    } 
} 

uygulama derler ve http üstündeki içerir kullanıldığında, gerçekten ben uygulama modüllerine içine ui.bootstrap enjekte ediyorum bilmek gerekmez, ancak hassaslık için aşağıdaki gibi dahil ediyorum düzgün JavaScript çalışır beri:

angular 
    .module('app', ['ngAnimate', 'ngRoute', 'ngTouch', 
     'auth', 'home', 'secure', 'public1', 'navigation', 
     'ui.bootstrap' ]) 

Uygulamaya yerel yönlendirme klasörlerinden başarılı bir şekilde açısal önyükleme yapmak için, yukarıdaki özel değişikliklerin neler yapılması gerekir?

Answer 1

Dosya yollarını otomatikleştirmek için ne kullandığınızı bilmiyorum, ancak angular-bootstrap ana js dosyası eksik. Sen o şöyle (zaten dahil ediyoruz) ve şablonları gerekir:

<script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>