5

द्वारा नहीं मिला है, मेरे पास एक एम्बेडेड text/ng-template के साथ लोड किया गया दृश्य है जो बाद में फ़ाइल में ng-include द्वारा नहीं पाया जा रहा है।इनलाइन 'एनजी-टेम्पलेट' `ng-include`

<script type="text/ng-template" id="stringCondition"> 
    <!-- template guts --> 
</script> 

कौन सा मैं के साथ फाइल में बाद में लोड हो रहा है कर रहा हूँ: स्क्रिप्ट ब्लॉक दृश्य फ़ाइल के शीर्ष पर बैठता है

<ng-include src="'stringCondition'"></ng-include> 

लेकिन कंसोल में एक 404 त्रुटि का निर्माण किया जाता है:

GET http://localhost/~me/stringCondition 404 (Not Found) 

मैंने नामकरण (अंत में .html होने की तरह) पर कई प्रकारों की कोशिश की है और ng-include का उपयोग उच्च स्तर तत्व के बजाय एक विशेषता के रूप में किया है। सभी भाग्य के साथ।

एक ही दृश्य फ़ाइल में ng-include के साथ पंजीकरण नहीं करने के लिए एम्बेडेड ng-template क्या हो सकता है?

अद्यतन:

टिप्पणियां और जवाब ने बताया है, मेरे कोड के मूल डिजाइन सही है। लेकिन कुछ ng-template (स्पष्ट रूप से) सिस्टम को टेम्पलेट उपलब्ध कराने में विफल रहा है।

मैंने एक HTML फ़ाइल (एक एम्बेडेड टेम्पलेट के बजाय) से खींचने के लिए अपना कोड अपडेट किया और यह ठीक काम करता है।

क्या कोई आम स्थिति है कि मैं उस ब्रेक ng-template में दौड़ सकता हूं?

+0

https://jsfiddle.net/nozbaveq/ मेरे लिए काम कर रहा है। तो मुद्दा कोड का यह हिस्सा नहीं है :) – ehlers

+0

@ehlers - yup, कुछ अजीब चल रहा है, इसे नियमित फ़ाइलों के साथ काम करने पर अपडेट देखें। कुछ 'एनजी-टेम्पलेट' तोड़ रहा है लेकिन मुझे नुकसान हुआ है। –

उत्तर

1

मेरे लिए ठीक काम करने लगता है। शायद आपके पास अपने उदाहरण कोड के बाहर कुछ और चल रहा है।

<div ng-app> 
 
    <script type="text/ng-template" id="stringCondition"> 
 
    Yes, yes it did. 
 
    </script> 
 
    Did it work? <ng-include src="'stringCondition'"></ng-include> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

+0

कुछ निश्चित रूप से 'ng-template' का उपयोग करने की मेरी क्षमता के साथ खराब हो रहा है। मैंने कोड को फ़ाइल में खींच लिया और यह ठीक काम कर रहा है, लेकिन मैं फ़ाइल गिनती को कम रखने के लिए इसे 'स्क्रिप्ट' पर रखूंगा। यह अजीब है, मुझे यकीन नहीं है कि 'एनजी-टेम्पलेट' क्षमताओं को क्या मार रहा है। –

13

<div ng-app> 
 
    <script type="text/ng-template" id="stringCondition"> 
 
    Yes, yes it did. 
 
    </script> 
 
    Did it work? <ng-include src="'stringCondition'"></ng-include> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

मैं एक ही समस्या थी और इस पोस्ट पर आया था। अब मैं देख सकता हूं कि इस मुद्दे का क्या कारण है, इसलिए उम्मीद है कि यह इस मुद्दे के साथ किसी और की मदद करेगा।

कारण rgthree का कोड काम करता है कि टेक्स्ट/एनजी-टेम्पलेट के लिए स्क्रिप्ट टैग एनजी-ऐप के दायरे में रहना है। इसलिए टेम्पलेट को एक अलग .js फ़ाइल में रखना ठीक है, लेकिन यह सुनिश्चित करें कि HTML पृष्ठ पर इसे कब प्रदान किया जाता है, यह एनजी-एप के भीतर है, अन्यथा कोणीय इसके बारे में अवगत नहीं होगा और इसे लोड करने का प्रयास करेगा सर्वर।

+0

आपके उत्तर के रूप में शानदार स्पष्टीकरण मुझे मेरी समस्या का समाधान करने में मदद करता है जो आपके उत्तर में जो भी कहा गया था, ठीक उसी तरह हो रहा था। + 1 –

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