Запитання з тегом «angular2-template»

Я пишу Angular-додаток, і у мене є відповідь HTML, яку я хочу показати. Як це зробити? Якщо я просто використовую синтаксис прив'язки, {{myVal}}він кодує всі символи HTML (звичайно). Мені потрібно якось прив’язати innerHTMLа divдо значення змінної.

839 angular  angular2-template  angular2-databinding 

У моєму додатку Angular 2, коли я прокручую сторінку вниз і натискаю посилання внизу сторінки, вона змінює маршрут і переносить мене на наступну сторінку, але вона не прокручується вгору сторінки. Як результат, якщо перша сторінка довга, а друга сторінка має мало вмісту, створюється враження, що на 2-й сторінці не вистачає …

295 angular  typescript  angular2-routing  angular2-template  angular2-directives 

Я намагаюся показати галочку, якщо відповідь є прийнятою відповіддю: template: `<div ngIf="answer.accepted">✔</div>` Але я отримую цю помилку: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Що я роблю неправильно?

247 angular  angular2-template 

Коли я намагаюся використовувати data attributeмоє template, наприклад: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 збої з: ВИХІД: Помилки розбору шаблонів: Неможливо прив’язати до 'valuevalue', оскільки це не відома рідна властивість (" ] data-sectionvalue = "{{section.value}}"> {{section.text}} Мені, очевидно, щось не …

229 angular  angular2-template 

Я не знаю, як додати до свого компонента атрибут <component></component>динамічного класу, але всередині шаблону html (компонент.html). Єдине знайдене нами рішення - змінити елемент за допомогою елемента "ElementRef". Це рішення здається трохи складним зробити щось, що повинно бути дуже простим. Інша проблема полягає в тому, що CSS має бути визначений за …

190 angular  angular2-template 

Я намагаюся реалізувати динамічні форми в кутовій формі 2. До динамічних форм я додав додаткові функції, такі як Видалити та Скасувати. Я дотримувався цієї документації: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Я вніс деякі зміни в код. Я тут отримую помилку. Як мені зробити цю помилку? Ви можете знайти повний код тут: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , який …

178 forms  angular  angular2-template  angular2-forms 

Я натрапив на дивний синтаксис призначення всередині шаблону Angular 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-*синтаксис? Як це працює? У чому різниця між let-somethingі let-something="something else"?

155 angular  angular2-template  primeng 

ng-container згадується в документації Angular 2, але немає пояснень як це працює та які випадки використання. Це, в зокрема , згадується в ngPluralі ngSwitchдирективи. Чи <ng-container>те ж саме <template>, що чи, чи залежить, чи була написана директива щодо використання одного з них? Є <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> і <template [ngPluralCase]="'=0'">there …

150 angular  typescript  angular2-template 

Якщо змінна оголошена privateв класі компонентів, чи повинен я мати доступ до неї в шаблоні цього компонента? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared …

143 typescript  angular  angular2-template 

Я використовую Angular2 Final release (2.1.0). Коли я хочу відобразити список компаній, я отримав цю помилку. в file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; в file.component.html: <tbody> <tr *ngFor="let item of companies; …

129 angular  angular2-template 

Чи є спосіб я обмежити довжину рядка числом символів? наприклад: Я повинен обмежити довжину заголовка до 20 {{ data.title }}. Чи є труба чи фільтр для обмеження довжини?

126 angular  angular2-template 

Чи можемо ми використовувати перерахунки в шаблоні перегляду angular2? <div class="Dropdown" dropdownType="instrument"></div> передає рядок як вхід: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Але як пройти конфігурацію перерахунку? Я хочу щось подібне в …

123 enums  angular  angular2-template 

У цьому сценарії я відображаю список студентів (масив) для перегляду за допомогою ngFor: <li *ngFor="#student of students">{{student.name}}</li> Чудово, що вона оновлюється щоразу, коли я додаю до списку інших студентів. Однак, коли я даю йому , pipeщоб filterпо імені студента, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Він не оновлює список, …

113 angular  angular2-template  angular2-directives  angular-pipe 

Я знаю, що в angular2 я можу відключити кнопку з [disable]атрибутом, наприклад: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> але чи можу це зробити за допомогою [ngClass]або [ngStyle]? Так: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Дякую.

113 html  angular  angular2-template  angular2-forms 

У своєму компоненті Angular 2 у мене є масив, що спостерігається list$: Observable<any[]>; У своєму Шаблоні я є <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> Але список $ .length не працює у випадку масиву, що спостерігається Оновлення: Здається, що (список $ …

109 angular  observable  angular2-template  angular2-services