নতুন কৌণিক অঞ্চলে এনজিএসসিআর সমান কি?


94

আমি ইমএস বাস্তবায়ন করতে চাই, JSON অবজেক্ট থেকে এসআরসি আসবে।

অ্যাঙ্গুলারজেএস-এ, আমি এটি করতে পারি:

<img ng-src="{{hash}}" alt="Description" />

কৌণিক 2+ এর সাথে এর সমতুল্য কি আছে?

উত্তর:


182

কৌণিক জেএস:

<img ng-src="{{movie.imageurl}}">

কৌণিক 2+:

<img [src]="movie.imageurl">

কৌনিক ডকস


নোট করুন যে বিরক্তি একই ফলাফল অর্জন করতে পারে:

<img src="{{vehicle.imageUrl}}">

<img [src]="vehicle.imageUrl">

সম্পত্তি বাঁধাইয়ের জন্য এই দুটি বিবৃতির মধ্যে কোনও প্রযুক্তিগত পার্থক্য নেই, যতক্ষণ না আপনি দ্বিমুখী বাইন্ডিং চান না।

বিভিন্ন ক্ষেত্রে সম্পত্তি বন্ডিংয়ের জন্য ইন্টারপোলেশন একটি সুবিধাজনক বিকল্প। প্রকৃতপক্ষে, কৌণিক দর্শনটি রেন্ডার করার আগে সেই সংযোগগুলি সংশ্লিষ্ট সম্পত্তি বাইন্ডিংগুলিতে অনুবাদ করে। সূত্র


9
সুতরাং, এটি এনজি-এসসিআর সমতুল্য নয়, কারণ এনজি-এসসিআর এনজি-এসসিআরটির একটি মান থাকার আগে চিত্র লোড এড়ানো যায়
সেবাস্তিয়ান রোজাস

সেবাস্তিয়ান যেমন বলেছে! এটি সমান নয় কারণ video/audioকয়েকটি এবং অন্যান্যর মতো উপাদানগুলির attributesকোনও মূল্য নেই। ng-srcএর সমতুল্য নয়[src]
নিখিলেশ শিবরাথ্রি

8

আপনার কৌণিক প্রয়োগে এনজি-এসসিআর একই কার্যকারিতা অর্জন করা একটি দ্বি-পদক্ষেপ প্রক্রিয়া।

প্রথম ধাপ:

আপনার এইচটিএমএলে, নতুন সিনট্যাক্সটি ব্যবহার করুন:

<img [src]="imageSrc">

দ্বিতীয় ধাপ:

আপনার উপাদান / নির্দেশিকায়, মানটি শূন্য হতে শুরু করুন । উদাহরণ স্বরূপ:

@Component({
  selector: 'ag-video',
  templateUrl: './video.component.html'
})
export class SampleComponent {
   imageSrc = '';
}

এখন, nullএটি উপাদানটিতে মান সেট না করার কারণে এটি নেটওয়ার্ক কল (খালি কল) বাদ দেবে।



1
<tr *ngFor="let post of posts | paginate: { id: 'server', itemsPerPage: 
       10, currentPage: p , totalItems: count  }">

   <td>
    <img src="https://img.youtube.com/vi/{{post.youtubeVideoId}}/default.jpg">
   </td>

   <td>
     {{post.videoName}}
   </td>

</tr>

ডাউনভোটেড কারণ এটি প্রস্তাবিত সমাধান নয় কারণ এটি একটি ব্যর্থ অনুরোধ তৈরি করে: img.youtube.com/vi ।। Post.youtubeVideoId}} / default.jpg।
জেমি

একটি ব্যর্থ অনুরোধ তৈরি! রাজি।
নিখিলেশ শিবরাথ্রি
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.