At first creating event.service.ts file into app/events/shared event.service.ts file import service file in app.module file Import service file and inject into event-list.component.ts event-thumbnail.component.ts file
Tag: angularcore
HTTP access using HttpClient in Angular
Step 1: app.module.ts file Step 2: data.service.ts file
Retrieving data for Select elements
Step 1: user-settings-form.component.ts file Step 2: data.service.ts file Step 3: user-settings-form.component.html file
Creating a Service in Angular
Step 1: create a data-service.ts file in data folder Note: ng command – ng g s data import user-settings file Step 2: in user-settings-form.component.ts file import bellow those two files Step 3: in user-settings-form.component.html file {{userSettings | json}}
টাইপস্ক্রিপ্ট – টাইপ Annotation
টাইপস্ক্রিপ্ট – টাইপ Annotation টাইপস্ক্রিপ্ট, যেখানে আমরা ভেরিয়েবল, ফাংশন প্যারামিটার এবং অবজেক্টের বৈশিষ্ট্যগুলির ধরণ নির্দিষ্ট করতে পারি। আমরা :Type ব্যবহার করে প্রকারটি নির্দিষ্ট করতে পারি। যেমন – ভেরিয়েবল, প্যারামিটার বা প্রপার্টি নামের পরে। কোলন পরে একটি স্পেস হবে । টাইপস্ক্রিপ্টে জাভাস্ক্রিপ্টের সমস্ত প্রিমিটিভ টাইপ – সংখ্যা, স্ট্রিং এবং বুলিয়ান অন্তর্ভুক্ত। নিম্নলিখিত উদাহরণটি বিভিন্ন ডেটা প্রকারের…Continue reading টাইপস্ক্রিপ্ট – টাইপ Annotation
অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে?
অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে? আমরা লেগো টুকরাগুলির মতো অ্যাংগুলার কম্পোনেন্টগুলির কথা ভাবতে পারি। আমরা একবারে একটি কম্পোনেন্ট তৈরি করি তবে সেগুলি আমাদের ওয়েবসাইটের বিভিন্ন অংশে একাধিকবার ব্যবহার করতে পারি। একটি অ্যাংগুলার অ্যাপ্লিকেশন একটি গাছের কাঠামো যা আমরা তৈরি সেই সমস্ত কম্পোনেন্টগুলিকে নিয়ে গঠিত, যেমন আমরা কীভাবে ছোট লেগো টুকরো থেকে লেগো…Continue reading অ্যাঙ্গুলার 7 কম্পোনেন্ট তৈরি ও ব্যবহার করবেন কীভাবে?
Day 3 – Interpolation
Interpolation: Interpolation is a way angular use to display variables inside your HTML using the curly braces. You can display variables, named. Name <b>name<b> using {{name}} You can bind the data from the class to the template Bind data using double curly bracket {{property_name}} → there is class property name here. Then showing dynamic value. …Continue reading Day 3 – Interpolation
দিন ৩– ইন্টারপোলেশন
ইন্টারপোলেশন (Interpolation): ইউজার টেমপ্লেট (template) এ ডাটা বাইন্ড করতে পারে ক্লাস (Class) থেকে – বাইন্ড ডাটা ডাবল কারলি ব্রাকেট ব্যবহার করে {{property_name}} → ডাবল কারলি ব্রাকেট এর মধ্যে ক্লাস প্রপার্টি নাম থাকবে । তাহলে ডাইনামিক ভ্যালু দেখাবে । 2. ইউজিং সিনটেক্স <h2>{{2+2}}</h2> → output: 4 3. স্ট্রিং কংক্যাটেনশন + প্রপার্টি নাম concatenation: <p>{{“welcome ” +…Continue reading দিন ৩– ইন্টারপোলেশন
Day 1 – Basic Functioning
# what and why ? Framework to build client side application Great for SPAs # Why Modular approach Re-usable code Development quicker and easier (like validation, routing) Unit testable and easily maintainable code Google + Microsoft product (Angular + Typescript) # Angular’s History 2010 – AngularJS 2016 – Angular version 2. Just called Angular 2016…Continue reading Day 1 – Basic Functioning