2015-10-09 8 views
5

मैं `कोणीय यूआई बूटस्ट्रैप उपयोग करने की कोशिश:कोणीय यूआई बूटस्ट्रैप बस कुछ नहीं (कोई त्रुटि है, काम नहीं कर रहा है)

मैंने किया था निम्नलिखित: bower install angular-bootstrap

  • :

    • बोवर के साथ स्थापित करें js में यह शामिल हैं: var myapp = angular.module('myApp', [ 'ui.bootstrap' ]);
    • जोड़े शैलियों: .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

    बूटस्ट्रैप 3 सीएसएस शामिल है, angular.element.fn.jquery "2.1.4" देता है, इसलिए इसे jqlite का उपयोग नहीं करना चाहिए।

    जब मैं जोड़ने उदा .:

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

    मेरे टेम्पलेट के लिए, कुछ नहीं होता। जब मैं अन्य बूटस्ट्रैप UI उदाहरण जोड़ता हूं, तो यह कुछ भी नहीं करता है। कोई जावास्क्रिप्ट त्रुटियां नहीं हैं। मेरा angular.js संस्करण 1.4.1 है।

    मैं और क्या गलत कर सकता था? क्या मुझे अपने नियंत्रक के साथ कुछ करना है?

  • +0

    आप कर सकते हैं अपने कोड के [plunker] (http://plnkr.co/) बनाओ? – Aks

    +0

    वास्तव में नहीं: यह एक जटिल ऐप है। मैंने कोणीय ui बूटस्ट्रैप से संबंधित चीजों को एक प्लंकर में कॉपी किया, और यह काम किया। क्या कोई ऐसा है जो मैं देख सकता हूं कि मेरे ऐप में क्या गलत हो रहा है? – user1383029

    +0

    यह अब काम करता है। समाधान: इसे बॉवर के साथ अनइंस्टॉल करें, और इसे फिर से बॉवर के साथ इंस्टॉल करें। अजीब। शायद मेरे पर्यावरण में वायर्ड या कुछ और कुछ गलत हो गया। – user1383029

    उत्तर

    0

    बोवर पैकेज सुनिश्चित करें (है कि यदि आप क्या उपयोग कर रहे हैं)

    कोणीय बूटस्ट्रैप

    और कुछ नहीं है; एक ऐसा ही है जो गलत है।

    <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" /> 
    

    तब वेब ब्राउज़र कंसोल (मैं Chrome का उपयोग) में जे एस त्रुटियों की जांच:

    अपने स्वयं के उदाहरण पेज को देखते हुए इस कोणीय और ui-बूटस्ट्रैप के लिए स्क्रिप्ट शामिल करने के लिए आदेश है।

    2

    सुनिश्चित करें कि आप ui-bootstrap के अंतिम संस्करण का उपयोग कर रहे हैं। मैं इस समस्या हो रही किसी के लिए एक त्वरित संदर्भ के रूप में इस सवाल का जवाब जोड़ रहा:

    टूलटिप विशेषता (निर्देश) संस्करण 0.14.0 और ऊपर से uib-tooltip को ui-बूटस्ट्रैप 0.13.X में tooltip से बदल दिया है।

    किसी कारण से आप नवीनतम संस्करण (वर्तमान में 1.2.X) tooltip निर्देश का उपयोग करें और हमेशा कम से ui-बूटस्ट्रैप के अपने संस्करण के लिए किए गए दस्तावेज़ों की जाँच उपयोग नहीं कर सकते:

    ui bootstrap

    +0

    वर्तमान दस्तावेज़ के साथ सैकड़ों समय का प्रयास किया .. जब तक मुझे यह जवाब नहीं मिला जो मुझे एहसास हुआ कि मुझे पहले संस्करण की जांच करनी चाहिए थी। +1 दोस्त! –

    संबंधित मुद्दे