আমি ইমএস বাস্তবায়ন করতে চাই, JSON অবজেক্ট থেকে এসআরসি আসবে।
অ্যাঙ্গুলারজেএস-এ, আমি এটি করতে পারি:
<img ng-src="{{hash}}" alt="Description" />
কৌণিক 2+ এর সাথে এর সমতুল্য কি আছে?
উত্তর:
কৌণিক জেএস:
<img ng-src="{{movie.imageurl}}">
কৌণিক 2+:
<img [src]="movie.imageurl">
নোট করুন যে বিরক্তি একই ফলাফল অর্জন করতে পারে:
<img src="{{vehicle.imageUrl}}">
<img [src]="vehicle.imageUrl">
সম্পত্তি বাঁধাইয়ের জন্য এই দুটি বিবৃতির মধ্যে কোনও প্রযুক্তিগত পার্থক্য নেই, যতক্ষণ না আপনি দ্বিমুখী বাইন্ডিং চান না।
বিভিন্ন ক্ষেত্রে সম্পত্তি বন্ডিংয়ের জন্য ইন্টারপোলেশন একটি সুবিধাজনক বিকল্প। প্রকৃতপক্ষে, কৌণিক দর্শনটি রেন্ডার করার আগে সেই সংযোগগুলি সংশ্লিষ্ট সম্পত্তি বাইন্ডিংগুলিতে অনুবাদ করে। সূত্র
video/audioকয়েকটি এবং অন্যান্যর মতো উপাদানগুলির attributesকোনও মূল্য নেই। ng-srcএর সমতুল্য নয়[src]
আপনার কৌণিক প্রয়োগে এনজি-এসসিআর একই কার্যকারিতা অর্জন করা একটি দ্বি-পদক্ষেপ প্রক্রিয়া।
প্রথম ধাপ:
আপনার এইচটিএমএলে, নতুন সিনট্যাক্সটি ব্যবহার করুন:
<img [src]="imageSrc">
দ্বিতীয় ধাপ:
আপনার উপাদান / নির্দেশিকায়, মানটি শূন্য হতে শুরু করুন । উদাহরণ স্বরূপ:
@Component({
selector: 'ag-video',
templateUrl: './video.component.html'
})
export class SampleComponent {
imageSrc = '';
}
এখন, nullএটি উপাদানটিতে মান সেট না করার কারণে এটি নেটওয়ার্ক কল (খালি কল) বাদ দেবে।
এটি ইন্টারপোলেশন আকারেও এইভাবে লেখা যেতে পারে:
<img src="{{movie.imageurl}}">
<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>