অ্যাঙ্গুলারজেএস এনজি-অন্তর্ভুক্ত 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.