অ্যাঙ্গুলারজেএস এনজি-অন্তর্ভুক্ত view স্কোপে পাস না করা দর্শন অন্তর্ভুক্ত করে না


121

এটি ngIncludeকোনও কাঁচা পথ নিতে পারে বলে ধরে নেওয়া কি ভুল ? আমি আমার নীচে সেট করার চেষ্টা চালিয়ে যাচ্ছি ngInclude:

<div ng-include src="views/header.html"></div>

এটি কাজ করে না তবে আমি যদি এমন কিছু করি তবে এটি কাজ করে।

// HeaderController
app.controller('HeaderCtrl', function($scope){
   $scope.templates = {[
     template: { url: 'views/header.html' }
   ]};

   $scope.template = $scope.templates[0].template;
});

আমার সূচক। Html এ

<div ng-controller="HeaderCtrl">
  <div ng-include src="template.url"></div>
</div>

ngIncludeকেবল মূল্যবোধ বাদ দিলে কি সুযোগ নেই? যদি তা হয় তবে এইভাবে কেন এবং এইচটিএমএল আংশিকের সাথে সরাসরি অন্তর্ভুক্ত নয়।

উত্তর:


327

ng-includeএকটি অভিব্যক্তি গ্রহণ করে। আপনি যদি সেখানে সরাসরি ইউআরএল নির্দিষ্ট করতে চান তবে আপনাকে একটি স্ট্রিং দিতে হবে।

<div ng-include src="'page.html'"></div>

হ্যাঁ তা দেখেছি। আমি যে উদাহরণগুলি দেখছিলাম সেগুলি কৌণিকের একটি পুরানো সংস্করণ ব্যবহার করা হয়েছিল।
চাদ

44
এটিকে বের করার চেষ্টা করে আজ বিকেলে প্রচুর সময় ব্যয় করুন। এর অবশ্যই এটি একটি স্ট্রিং হতে হবে। এটি সম্পূর্ণ জ্ঞান করে তোলে ।
কোড হুইস্পেরার

অ্যাপ্লিকেশন মডিউলে এনজিএসটাইটিস সক্ষম করে নিয়ে কাজ করে না। আমি একটি সমাধান খুঁজছি
দিদা

4
আরও একটি জিনিস: পৃষ্ঠাতে ফাইলের নাম হিসাবে আন্ডারস্কোর থাকতে পারে না।

5
ছোট একক উদ্ধৃতি সমস্যার সমাধান করে। আমি সঠিক পরিবর্তন দেখতে পেলাম না (আমার দুর্বল চোখ)। শব্দগুলিতে ডাবল উদ্ধৃতিগুলির মধ্যে একক উদ্ধৃতি যুক্ত করুন দয়া করে।
ফিজার খান

1

ng-include, অন্যান্য নির্দেশাবলী হিসাবে ( ng-class, ng-src...) সুযোগ থেকে একটি কৌণিক অভিব্যক্তি মূল্যায়ন করে। উদ্ধৃতি ( '') ব্যতীত, এটি সুযোগের একটি পরিবর্তনশীল অনুসন্ধান করবে।


নোট করুন যে আপনাকে srcগুনটি নির্দিষ্ট করতে হবে না ।

<div ng-include src="'views/header.html'"></div>

এতে পুনরায় লেখা যেতে পারে: (এটি সহজ)

<div ng-include="'views/header.html'"></div>

আপনি উপাদান হিসাবে এনজি-অন্তর্ভুক্তও ব্যবহার করতে পারেন :

<ng-include src="'views/header.html'"></ng-include>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.