ui.bootstrap <progress> एचटीएमएल टैग

Question

मेरी HTML फ़ाइल में मैं एक <progress> टैग है विकृत और मैं अपने नियंत्रक को ui.bootstrap निर्भरता इंजेक्शन इस प्रकार है:

var myApp = angular.module("myApp",["ui.bootstrap"]); 

इस विन्यास में, AngularJS <progress></progress> में धर्मान्तरित:

<div class="progress ng-isolate-scope" ng-transclude=""></div> 

जब मैं हटाने "ui.bootstrap" यह ठीक काम करता है। आप this नमूना JSFiddle के साथ खेल सकते हैं।

जब progress<div class="progress ng-isolate-scope" ng-transclude=""></div> में गायब हो गया। मैं समझता हूँ कि एक निर्देश ui.bootstrap कि इस रूपांतरण बनाता में progress कहा जाता है कि वहाँ।

तो, मैं इस प्रगति बार काम कर सकते हैं? या फिर, मैं कैसे निर्भरता को हटाए बिना कोणीय-ui की progress निर्देश निष्क्रिय कर सकते हैं?

अग्रिम धन्यवाद।

Answer 1

मुझे यकीन नहीं है कि मैं आपका प्रश्न समझता हूं या uiBootstrap का कौन सा संस्करण आप उपयोग कर रहे हैं।

निर्देश होना चाहिए:

<div ng-controller="MainCtrl"> 
     <progressbar value="55"></progressbar> 
</div> 

मैं uiBootstrap के संस्करण बदल गया है और आवश्यक bootstrap.min.css इस में Fiddle काँटेदार और सब कुछ ठीक काम करने लगता है शामिल थे। (बाह्य संसाधनों को देखो)

Answer 2

मैं सिर्फ यह एक ही मुद्दे में भाग गया। एक साधारण वैकल्पिक हल एनजी गैर-bindable जो एक मानक angualr निर्देश है उपयोग करने के लिए है। दोष यह है कि आप प्रगति तत्व के भीतर किसी भी कोणीय निर्देश या बाइंडिंग का उपयोग नहीं कर सकते हैं।

<progress ng-non-bindable></progress>