बेवकूफ सवाल के लिए खेद है, क्या हर कोई जानता है कि AngularUI का उपयोग कैसे शुरू करें? मैंने इसे गीथब से डाउनलोड किया है और रीडमे में निर्देश पढ़ा है लेकिन अभी भी समझ में नहीं आता कि मुझे क्या करना है।AngularUI को AngularJS को एकीकृत करने के लिए कैसे?
कदम एकीकृत करने के लिए:
build फ़ोल्डर में GitHub भंडार में आयोजित)ui.directives या ui.filters जो आप उपयोग करने की योजना बना रहे हैं उसके आधार पर)।अधिकांश उल्लिखित चरण जेएस/सीएसएस निर्भरताओं सहित हैं। केवल "मुश्किल" भाग एक ui पर निर्भरता घोषित करने के लिए है * मॉड्यूल, आप इसे इस प्रकार कर सकते हैं:।
var myApp = angular.module('myApp',['ui.directives']);
एक बार सभी निर्भरता शामिल किए गए हैं और एक मॉड्यूल के लिए कॉन्फ़िगर आप जाने के लिए तैयार कर रहे हैं। उदाहरण के लिए, ui की तारीख निर्देशों का उपयोग के रूप में सरल है के रूप में (नोटिस ui-date): http://jsfiddle.net/r7UJ2/11/
तुम भी चाहते हो सकता है:
<input name="dateField" ng-model="date" ui-date>
यहाँ पूरा jsFiddle दिखा कैसे ui की तारीख के निर्देश का उपयोग करने के लिए है http://angular-ui.github.com/ के स्रोतों पर नज़र डालने के लिए जहां सभी निर्देशों से लाइव उदाहरण हैं।
मुझे लगता है कि क्या गुम है प्लगइन है - आपको काम करने के लिए कुछ कोणीय-ui निर्देशों के लिए jquery प्लगइन स्क्रिप्ट और सीएसएस जोड़ना होगा। उदाहरण के लिए CodeMirror निर्देश की जरूरत है:
<script src="http://codemirror.net/lib/codemirror.js" type="text/javascript"></script>
<script src="http://codemirror.net/lib/util/runmode.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css" type="text/css" />
यह angular-ui.github.com कि प्लगइन को शामिल करने की आवश्यकता होगी, का उल्लेख नहीं है मेरे लिए एक आश्चर्य है।
डाउनवोट क्यों? यह प्रासंगिक जानकारी है ... – spracketchip
हाय मैंने विशेष रूप से PHP वाक्यविन्यास हाइलाइटिंग के लिए ऐसा करने के तरीके पर एक लेख लिखा था। लेख यहाँ है: http://neverstopbuilding.net/how-to-integrate-codemirror-with-angular-ui/
चीजों के मूल विन्यास सही हो रही है:
var myApp = angular.module('myApp', ['ui']);
myApp.value('ui.config', {
codemirror: {
mode: 'text/x-php',
lineNumbers: true,
matchBrackets: true
}
});
function codeCtrl($scope) {
$scope.code = '<?php echo "Hello World"; ?>';
}
:
<div ng-app="myApp">
<div ng-controller="codeCtrl">
<textarea ui-codemirror ng-model="code"></textarea>
</div>
</div>
आप के पूरे jsfiddle देख सकते हैं यहां स्थापित करें: http://jsfiddle.net/jrobertfox/RHLfG/2/
pkozlowski.opensource सही है, इसमें बहुत अधिक फ़ाइलें हैं जिन्हें आपको शामिल करने की आवश्यकता है AngularUI प्रलेखन से लगता है (यदि आप इसे दस्तावेज कह सकते हैं ...)
वैसे भी मुझे आशा है कि यह आपके या दूसरों के लिए सहायक होगा।
+1 मुझे यह महसूस करने के लिए कि मैं गलत मॉड्यूल इंजेक्शन दे रहा था। मैं बॉवर के माध्यम से 'angular-ui' स्थापित कर रहा था और 'ui.bootstrap' इंजेक्ट करने की कोशिश कर रहा था। दो अलग-अलग चीजें – saiyancoder
मई 2013 के 3 के रूप में, यहाँ कदम हैं:
<script src="angular.min.js"></script>
<script src="ui-bootstrap-tpls-0.3.0.min.js"></script>
रजिस्टर ui
angular.module('myFancyApp', ['ui.bootstrap']);
शामिल अपने <html ng-app="myFancyApp">
myFancyApp रूप में ही है बनाने
जादू शुरू करने दें।
और अभी तक, ट्विटर-बूस्टर-सीएसएस v2.3 का उपयोग करें।1 या कुछ समान और v3 नहीं। – SunnyRed
मैं थोड़ा उलझन में हूँ। कोणीय-यूई-बूटस्ट्रैप और कोणीय-ui दो अलग-अलग परियोजनाएं हैं –
निर्देश अपने सरकारी GitHub भंडार पर readme.md फ़ाइल में हैं
वैकल्पिक रूप से, जिस तरह से आप पता लगा सकते हैं एकीकृत करने की विधि (उदाहरण के कोणीय-ui js फ़ाइल खोलने के लिए है: ui-बूटस्ट्रैप-tpls-0.6.0.js) और पहली पंक्ति में, आप निम्नलिखित बयान
angular.module("ui.bootstrap", [...deps...])
ऊपर कोड के आधार पर ध्यान देंगे, तो आप अपने मॉड्यूल में 'ui.bootstrap' इंजेक्षन की जरूरत है।
angular.module('myFancyApp', ['ui.bootstrap','other_deps',.....]);
ये [कोणीय यूआई * बूटस्ट्रैप *] (https://github.com/angular-ui/bootstrap) के लिए निर्देश हैं –
महान जवाब और http://angular-ui.github.com/ –
असल पर लिंक पोस्ट के लिए धन्यवाद, चरण 1 क्या आप का उपयोग निर्देशों और चरण 5 बस केवल सहित के रूप में सही नहीं है पर निर्भर करता है वैकल्पिक है ' ui.config' को संदर्भित होने पर ui.directives' त्रुटियों को फेंक देगा। इसके बजाय, आपको हमेशा 'ui' शामिल करना चाहिए और केवल उन निर्देश/फ़िल्टर को हटाएं जिन्हें आप नहीं चाहते हैं। – ProLoser
हम्म, अगर मैं चरण 5 को गलत नहीं कर रहा हूं तो वास्तव में सही है क्योंकि 'ui.directives' और' ui.filters' दोनों को 'ui.config' मॉड्यूल पर निर्भरता मिली है। लेकिन यकीन है, यह केवल 'ui' मॉड्यूल का उल्लेख कर सकता है। –