আমি একটির ভিতরে এইচটিএমএল স্নিপেট অন্তর্ভুক্ত করার চেষ্টা করছি ng-repeat, তবে আমি কাজটি অন্তর্ভুক্ত করতে পারি না। এটির বর্তমান সিনট্যাক্সটি ng-includeআগের তুলনায় আলাদা: আমি অনেকগুলি উদাহরণ ব্যবহার করে দেখছি
<div ng-include src="path/file.html"></div>তবে সরকারী দস্তাবেজে এটি ব্যবহার করতে বলে
<div ng-include="path/file.html"></div>তবে পৃষ্ঠার নিচে এটি প্রদর্শিত হবে
<div ng-include src="path/file.html"></div>নির্বিশেষে, আমি চেষ্টা করেছি
<div ng-include="views/sidepanel.html"></div><div ng-include src="views/sidepanel.html"></div><ng-include src="views/sidepanel.html"></ng-include><ng-include="views/sidepanel.html"></ng-include><ng:include src="views/sidepanel.html"></ng:include>আমার স্নিপেট খুব বেশি কোড নয়, তবে এটি অনেকটা চলছে; আমি ডায়নামিকালি ভিতরে টেমপ্লেটটিতেng-repeat পড়েছিলাম যা কোনও সমস্যার কারণ হতে পারে, তাই আমি sidepanel.htmlকেবল শব্দটির সামগ্রীটি fooএবং এখনও কিছুই দিয়ে প্রতিস্থাপন করেছি ।
আমি এই পৃষ্ঠায় সরাসরি টেমপ্লেটটি ঘোষণার চেষ্টা করেছি:
<script type="text/ng-template" id="tmpl">
foo
</script>এবং ng-includeস্ক্রিপ্টের রেফারেন্সের সমস্ত পরিবর্তনের মধ্য দিয়ে চলছে idএবং এখনও কিছুই নেই।
আমার পৃষ্ঠায় এতে আরও অনেক কিছু ছিল তবে এখন আমি এটিকে একে একে সরিয়ে রেখেছি:
<!-- index.html -->
<html>
<head>
<!-- angular includes -->
</head>
<body ng-view="views/main.html"> <!-- view is actually set in the router -->
<!-- views/main.html -->
<header>
<h2>Blah</h2>
</header>
<article id="sidepanel">
<section class="panel"> <!-- will have ng-repeat="panel in panels" -->
<div ng-include src="views/sidepanel.html"></div>
</section>
</article>
<!-- index.html -->
</body>
</html>শিরোনামটি রেন্ডার করে তবে আমার টেমপ্লেটটি তা দেয় না। আমি কনসোলে বা নোড থেকে কোনও ত্রুটি পাই না এবং আমি যদি ডিভাইসগুলিতে লিঙ্কটি ক্লিক করি তবে src="views/sidepanel.html"এটি আমাকে আমার টেমপ্লেটে নিয়ে যায় (এবং প্রদর্শনগুলি foo)।