1. ev
  2. Soru-cevap
  3. Eğik UI Bootstrap sadece (değil çalışan hiçbir hata,) hiçbir şey yapmaz Açısal UI Bootstrap kullanmaya çalışırken

Eğik UI Bootstrap sadece (değil çalışan hiçbir hata,) hiçbir şey yapmaz Açısal UI Bootstrap kullanmaya çalışırken

2015-10-09 26 views
5

I `: Eğik UI Bootstrap sadece (değil çalışan hiçbir hata,) hiçbir şey yapmaz Açısal UI Bootstrap kullanmaya çalışırken

yaptım şu: bower install angular-bootstrap
  • :

    • kulübeye ile kurun js bunu ekleyin: var myapp = angular.module('myApp', [ 'ui.bootstrap' ]);
    • ekle stilleri: .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

    Bootstrap 3 CSS, angular.element.fn.jquery "2.1.4" değerini döndürür, bu nedenle jqlite kullanılmamalıdır.

    Ben eklediğinizde ör .: şablonumun için

    <a href="#" tooltip-placement="left" uib-tooltip="On the Left!">Whatever</a>

    hiçbir şey olmaz. Diğer bootstrap ui örneklerini eklediğimde, hiçbir şey yapmıyor. Javascript hatası yok. Angular.js sürümüm 1.4.1.

    Daha fazla nasıl yanlış yapabilirdim? Kontrol cihazımla bir şey yapmak zorunda mıyım? (Bu kullandığınız buysa)

    • kaynak

    2015-10-09 user1383029

    +0

    yapabilirsiniz kodunuzun [plunker] (http://plnkr.co/) olmasını sağlayın? – Aks

    +0

    Gerçekten: Bu karmaşık bir uygulama. Ben açısal UI bootstrap ilgili şeyler bir plunker kopyaladı ve işe yaradı. Uygulamamda neyin yanlış gittiğini görmek için kontrol edebileceğim veya hata ayıklayabileceğim bir şey var mı? – user1383029

    +0

    Şimdi çalışıyor. Çözüm: Bower ile kaldırın ve yeniden gower ile yükleyin. Garip. Belki de çevremdeki kablolu veya başka bir şey yanlıştır. – user1383029

    cevap

    0

    -açısal önyükleme

    ve başka bir şey olduğunu kameriye paketi sağlanması; Yanlış olan benzer bir tane var. 

    <head> 
<script type="text/javascript" src="lib/angular/angular.js"></script> 
<script type="text/javascript" src="lib/angular-resource/angular-resource.js"></script> 
<script type="text/javascript" src="lib/angular-route/angular-route.js"></script> 
<script type="text/javascript" src="lib/angular-touch/angular-touch.js"></script> 
<script type="text/javascript" src="lib/angular-animate/angular-animate.js"></script> 
<script type="text/javascript" src="lib/angular-bootstrap/ui-bootstrap.js"></script> 
</head> 

<!-- Bootstrap --> 
<link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> 
<link href="lib/bootswatch/yeti/bootstrap.min.css" rel="stylesheet" /> 

<!-- Custom stylesheet --> 
<link href="css/main.css" rel="stylesheet" />

    Ardından web tarayıcısı konsolunun (I Chrome kullanın) JS hatalarını kontrol:

    kendi örnek sayfadaki baktığımızda bu açısal ve ui-bootstrap için senaryo dahil etmek sırasıdır.

    kaynak

    2016-03-07 12:57:44

    2

    Ui-bootstrap'in son sürümünü kullandığınızdan emin olun. Ben bu sorunu yaşıyor herkes için hızlı bir referans olarak bu cevabı ekliyorum:

    ipucu niteliği (yönerge) sürüm 0.14.0 ve yukarıya uib-tooltip için ui-önyükleme 0.13.X içinde tooltip değiştirildi.

    nedense son sürümü (şu anda 1.2.x) en ui-bootstrap sürümü için dokümanlar kontrol daima tooltip direktifini kullanın ve kullanamıyorsanız:

    ui bootstrap

    kaynak

    2016-03-09 00:53:16

    +0

    Mevcut Dokümanla yüzlerce kez denedim. Bu cevabı bulana kadar bana ulaşan ilk sürümü kontrol etmeliydim. +1 dostum! –

    İlgili konular

     İlgili konular