প্রশ্ন ট্যাগ «angular2-template»

অ্যাঙ্গুলার টেম্পলেট সিনট্যাক্স সম্পর্কিত প্রশ্নগুলির জন্য: অন্তর্ভুক্তি, ইনপুট (সম্পত্তি) বাইন্ডিংস, আউটপুট (ইভেন্ট) বাইন্ডিং, দ্বি-উপায় বাঁধাই, স্থানীয় ভেরিয়েবল, স্টার সিনট্যাক্স ইত্যাদি This

20
কৌণিক এইচটিএমএল বাঁধাই
আমি একটি কৌণিক অ্যাপ্লিকেশন লিখছি এবং আমি প্রদর্শন করতে চাই একটি HTML প্রতিক্রিয়া আছে। আমি কেমন করে ঐটি করি? আমি যদি কেবল বাঁধার সিনট্যাক্সটি ব্যবহার করি তবে {{myVal}}এটি সমস্ত HTML অক্ষরকে অবশ্যই এনকোড করে (অবশ্যই)। আমি জুড়তে অনুমতি একরকম প্রয়োজন innerHTMLএকটি এর divপরিবর্তনশীল মান।

23
কৌণিক 2 রুট পরিবর্তনতে শীর্ষে স্ক্রোল করুন
আমার কৌনিক 2 অ্যাপে যখন আমি কোনও পৃষ্ঠা নীচে স্ক্রোল করি এবং পৃষ্ঠার নীচে লিঙ্কটি ক্লিক করি তখন এটি রুট পরিবর্তন করে এবং আমাকে পরবর্তী পৃষ্ঠায় নিয়ে যায় তবে এটি পৃষ্ঠার শীর্ষে স্ক্রোল করে না। ফলস্বরূপ, যদি প্রথম পৃষ্ঠাটি দীর্ঘ হয় এবং ২ য় পৃষ্ঠায় কয়েকটি বিষয়বস্তু থাকে তবে এটি …

1
টেমপ্লেফের জন্য কোনও সরবরাহকারী নেই! (এনজিআইএফ -> টেমপ্লেট রেফ)
আমি যদি একটি উত্তর গৃহীত উত্তর হয় তবে একটি চেকমার্ক দেখানোর চেষ্টা করছি: template: `<div ngIf="answer.accepted">✔</div>` তবে আমি এই ত্রুটিটি পেয়েছি: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) আমি কি ভুল করছি?

2
আমি কৌণিক ব্যবহার করে কীভাবে ডেটা অ্যাট্রিবিউট লিখতে পারি?
আমি যখন আমার data attributeমধ্যে এটি ব্যবহার করার চেষ্টা করি তখন template: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 এর সাথে ক্রাশ: অব্যাহতি: টেমপ্লেট বিশ্লেষণ ত্রুটি: এটি 'বিভাগীয় মূল্যবোধের' সাথে আবদ্ধ হতে পারে না কারণ এটি একটি পরিচিত নেটিভ সম্পত্তি নয় …

5
উপাদানটিকে হোস্টে কীভাবে "ক্লাস" যুক্ত করবেন?
আমি জানি না কীভাবে আমার উপাদানটিতে <component></component>একটি গতিশীল শ্রেণীর বৈশিষ্ট্য যুক্ত করা যায় তবে এইচটিএমএল (উপাদান html) টেম্পলেটটির অভ্যন্তরে। আমি খুঁজে পাওয়া একমাত্র সমাধান হ'ল "এলিমেন্টআরফ" নেটিভ এলিমেন্টের মাধ্যমে আইটেমটি সংশোধন করা। এই সমাধানটি খুব সহজ হওয়া উচিত এমন কিছু করতে কিছুটা জটিল বলে মনে হচ্ছে। আর একটি সমস্যা হ'ল …

14
কৌণিক 2: 'এনজি মডেল'-এ আবদ্ধ হতে পারে না কারণ এটি' ইনপুট 'এর পরিচিত সম্পত্তি নয়
আমি কৌণিক 2 তে ডায়নামিক ফর্মগুলি বাস্তবায়নের চেষ্টা করছি I've আমি এই ডকুমেন্টেশনটি অনুসরণ করেছি: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html আমি কোডে কিছু পরিবর্তন করেছি। আমি এখানে ত্রুটি পাচ্ছি। এই ত্রুটিটি আমি কীভাবে করব? আপনি এখানে পুরো কোডটি সন্ধান করতে পারেন: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , যা আমার স্থানীয় সিস্টেমে নয় বরং প্লানকারে কাজ করছে। এইচটিএমএল কোড: …

2
কৌণিক 2 টেম্পলেটগুলিতে লেট- * কী?
আমি একটি কৌণিক 2 টেম্পলেট এর ভিতরে একটি অদ্ভুত অ্যাসাইনমেন্ট সিনট্যাক্স জুড়ে এসেছি। <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> এটি প্রদর্শিত হয় let-colএবং let-car="rowData"দুটি নতুন ভেরিয়েবল তৈরি করে colএবং carএটি টেম্পলেটটির অভ্যন্তরে আবদ্ধ হতে পারে। সূত্র: https://www.primefaces.org/primeng/#/datatable/templating এই যাদুকরী let-*বাক্য গঠন বলা হয়? এটা কিভাবে কাজ করে? মধ্যে পার্থক্য …

4
<ng-container> বনাম <স্টেম্পলেট>
ng-container কৌণিক 2 ডকুমেন্টেশনে উল্লেখ করা হয়েছে তবে এটি কীভাবে কাজ করে এবং কী কী ব্যবহার হয় সে সম্পর্কে কোনও ব্যাখ্যা নেই। এটি বিশেষভাবে উল্লেখ করা হয়েছে ngPluralএবং ngSwitchনির্দেশাবলী। &lt;ng-container&gt;একই জিনিসটি কি একইভাবে করে &lt;template&gt;, বা এটি কোনওটির ব্যবহারের জন্য কোনও নির্দেশিকা লেখা হয়েছিল কিনা তা নির্ভর করে? হয় &lt;ng-container …

7
Angular2 - ব্যক্তিগত ভেরিয়েবলগুলি টেমপ্লেটে অ্যাক্সেসযোগ্য হওয়া উচিত?
যদি কোনও privateউপাদানটি ক্লাসে কোনও ভেরিয়েবল ঘোষিত হয়, আমি কি সেই উপাদানটির টেমপ্লেটে এটি অ্যাক্সেস করতে সক্ষম হব? @Component({ selector: 'my-app', template: ` &lt;div&gt; &lt;h2&gt;{{title}}&lt;/h2&gt; &lt;h2&gt;Hello {{userName}}&lt;/h2&gt; // I am getting this name &lt;/div&gt; `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; …

21
'এনজিফরফ'এফের সাথে আবদ্ধ হতে পারে না কারণ এটি' টিআর 'এর পরিচিত সম্পত্তি নয় (চূড়ান্ত প্রকাশ)
আমি Angular2 ফাইনাল রিলিজ (2.1.0) ব্যবহার করছি। আমি যখন সংস্থাগুলির একটি তালিকা প্রদর্শন করতে চাই তখন আমি এই ত্রুটিটি পেয়েছি। ইন file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; ইন file.component.html: &lt;tbody&gt; &lt;tr …

9
Angular2 এ পাঠ্য কেটে যাবে কীভাবে?
কোনও উপায় আছে যে আমি স্ট্রিংয়ের দৈর্ঘ্যকে একটি সংখ্যা অক্ষরে সীমাবদ্ধ করতে পারি? যেমন: আমাকে একটি শিরোনামের দৈর্ঘ্য 20 এর মধ্যে সীমাবদ্ধ করতে হবে {{ data.title }}। দৈর্ঘ্য সীমাবদ্ধ করার জন্য কোনও পাইপ বা ফিল্টার রয়েছে?

4
কৌণিক 2 ভিউ টেম্পলেটগুলিতে এনামগুলি পাস করুন
আমরা একটি কৌণিক 2 ভিউ টেমপ্লেটে এনাম ব্যবহার করতে পারি? &lt;div class="Dropdown" dropdownType="instrument"&gt;&lt;/div&gt; ইনপুট হিসাবে স্ট্রিং পাস: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } তবে এনাম কনফিগারেশন কীভাবে পাস করবেন? আমি টেমপ্লেটে এর …

9
এনগফোর্ড পাইপ ইন অ্যাঙ্গুলার 2 এর সাথে ডেটা আপডেট করে না
এই দৃশ্যে, আমি শিক্ষার্থীদের (অ্যারে) এর সাথে ভিউটিতে একটি তালিকা প্রদর্শন করছি ngFor: &lt;li *ngFor="#student of students"&gt;{{student.name}}&lt;/li&gt; এটি দুর্দান্ত যে এটি আপডেট হওয়ার সাথে সাথে আমি যখনই অন্য ছাত্রদের তালিকায় যুক্ত করি। যাইহোক, যখন আমি এটি একটি দিতে pipeকরার filterশিক্ষার্থীর নাম দ্বারা, &lt;li *ngFor="#student of students | sortByName:queryElem.value "&gt;{{student.name}}&lt;/li&gt; আমি …

10
কৌণিক 2 অক্ষম বোতাম
আমি জানি যে কৌণিক 2 এ আমি [disable]বৈশিষ্ট্যযুক্ত একটি বোতাম অক্ষম করতে পারি , উদাহরণস্বরূপ: &lt;button [disabled]="!isValid" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; তবে আমি কি এটি ব্যবহার করে [ngClass]বা করতে পারি [ngStyle]? তাই ভালো: &lt;button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; ধন্যবাদ।

8
পর্যবেক্ষণযোগ্য অ্যারের দৈর্ঘ্য কীভাবে পরীক্ষা করবেন
আমার কৌণিক 2 উপাদানটিতে আমার একটি পর্যবেক্ষণযোগ্য অ্যারে রয়েছে list$: Observable&lt;any[]&gt;; আমার টেমপ্লেটে আমার আছে &lt;div *ngIf="list$.length==0"&gt;No records found.&lt;/div&gt; &lt;div *ngIf="list$.length&gt;0"&gt; &lt;ul&gt; &lt;li *ngFor="let item of list$ | async"&gt;item.name&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; তবে পর্যবেক্ষণযোগ্য অ্যারের ক্ষেত্রে তালিকা le। দৈর্ঘ্যের সাথে কাজ করে না। হালনাগাদ: দেখে মনে হচ্ছে (তালিকা as | async)? …

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