Вопросы с тегом «angular2-template»

Я пишу приложение Angular, и у меня есть ответ HTML, который я хочу отобразить. Как я могу это сделать? Если я просто использую синтаксис привязки, {{myVal}}он кодирует все символы HTML (конечно). Мне нужно как-то привязать innerHTMLa divк значению переменной.

842 angular  angular2-template  angular2-databinding 

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

296 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 падает с: ИСКЛЮЧЕНИЕ: ошибки синтаксического анализа шаблона: невозможно связать с 'sectionvalue', поскольку оно не является известным собственным свойством (" ] data-sectionvalue = "{{section.value}}"> {{section.text}} …

229 angular  angular2-template 

Я не знаю, как добавить к моему компоненту атрибут <component></component>динамического класса, но внутри шаблона html (component.html). Единственное решение, которое я нашел, это изменить элемент с помощью нативного элемента "ElementRef". Это решение кажется немного сложным, чтобы сделать что-то, что должно быть очень простым. Другая проблема заключается в том, что CSS должен …

190 angular  angular2-template 

Я пытаюсь реализовать Dynamic Forms в Angular 2. Я добавил дополнительные функции, такие как Delete и Cancel, к динамическим формам. Я следил за этой документацией: 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"?

157 angular  angular2-template  primeng 

ng-container упоминается в документации Angular 2, но нет объяснения, как это работает и каковы варианты использования. Это, в частности , упоминается в ngPluralи ngSwitchдирективы. Делает ли <ng-container>это то же самое <template>или зависит от того, была ли написана директива для использования одного из них? Являются <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> и <template …

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 …

145 typescript  angular  angular2-template 

Я использую финальную версию 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: <tbody> <tr *ngFor="let item of companies; …

129 angular  angular2-template 

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

127 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); }; } Но как передать конфигурацию enum? Я хочу что-то вроде …

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> Список не обновляется …

114 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> Но list $ .length не работает в случае массива Observable. Обновить: Кажется, что (list $ | …

109 angular  observable  angular2-template  angular2-services