AngularJS এর ​​সাথে চিত্র পেতে অনুরোধ রইল

Question

আমি একটি চিত্রের উত্সের স্ট্রিংটি এইচটিএমএলে অ্যাঙ্গুলারজেএস কন্ট্রোলারে রেন্ডার করার জন্য সংরক্ষণ করছি, তবে এটি কৌণিক নিয়ামক শুরু হওয়ার আগেই 404 ফলন করে।

এইচটিএমএল এখানে:

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

কৌণিক নিয়ামক:

 var Cont = function($scope) {
      $scope.imageSource = '/tests.png';
 }

এবং আমি যে ত্রুটি পেয়েছি ( টেমপ্লেটের %7D%7Dসাথে সাদৃশ্য {{)।

 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) 

কীভাবে আমি এটি হতে রোধ করতে পারি? অর্থাত্, কৌনিক নিয়ামকটি আরম্ভ করা হলে কেবল চিত্রটি লোড করবেন?

Answer 1

আরও তথ্যের জন্য ডকুমেন্টেশন দেখুন আপনার এনসিআর-সিআরসি দিয়ে src প্রতিস্থাপন চেষ্টা করুন :

একটি এসসিআর বৈশিষ্ট্যে ular {হ্যাশ mark like এর মতো কৌণিক মার্কআপ ব্যবহার করা ঠিক কাজ করে না: ব্রাউজারটি ইউআরএল থেকে আক্ষরিক পাঠ্য {{হ্যাশ} with সহ এনে দেবে যতক্ষণ না কৌণিক {{হ্যাশ} inside এর ভিতরে অভিব্যক্তিটি প্রতিস্থাপন করে} এনজিএসসিআর নির্দেশিকা এই সমস্যাটি সমাধান করে।

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>

Comments

ডেটা-এনজি-কন্ট্রোলার এবং ডেটা-এনজি-এসসিআর ব্যবহার করা ভাল যাতে HTML কার্যকর হয়।

— জুম্পি এনআর

Answer 2

যদি কেউ ব্যাকগ্রাউন্ড-ইমেজ স্টাইল করার সমাধান সন্ধান করে তবে এটি ব্যবহার করুন:

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>

Comments

এনজিস্টাইল দিয়ে ইন্টারপোলেশন ব্যবহার করা খারাপ অভ্যাস। রেফারেন্স: ডকস.আঙ্গুলারজেএস.আর.পি.আই

— আব্দুল রউফ