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

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

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

Я пытаюсь показать галочку, если ответ является принятым ответом: template: `<div ngIf="answer.accepted">&#10004;</div>` Но я получаю эту ошибку: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Что я делаю не...

Когда я пытаюсь использовать data attributeв моем template, как это: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 падает с: ИСКЛЮЧЕНИЕ: ошибки синтаксического анализа шаблона: невозможно...

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

Я пытаюсь реализовать Dynamic Forms в Angular 2. Я добавил дополнительные функции, такие как Delete и Cancel, к динамическим формам. Я следил за этой документацией: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Я сделал некоторые изменения в коде. Я получаю ошибку здесь. Как мне...

Я наткнулся на странный синтаксис присваивания внутри шаблона 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"создать две новые переменные...

ng-container упоминается в документации Angular 2, но нет объяснения, как это работает и каковы варианты использования. Это, в частности , упоминается в ngPluralи ngSwitchдирективы. Делает ли <ng-container>это то же самое <template>или зависит от того, была ли написана директива для...

Если переменная объявлена privateв классе компонента, могу ли я получить к ней доступ в шаблоне этого компонента? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export...

Я использую финальную версию 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>...

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

Можем ли мы использовать перечисления в шаблоне представления angular2? <div class="Dropdown" dropdownType="instrument"></div> передает строку в качестве ввода: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input()...

В этом сценарии я показываю в представлении список студентов (массив) с помощью ngFor: <li *ngFor="#student of students">{{student.name}}</li> Замечательно, что он обновляется всякий раз, когда я добавляю другого ученика в список. Однако, когда я даю ему , pipeчтобы filterпо имени...

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

В моем компоненте 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>...

<div> <input #ipt type="text"/> </div> Можно ли получить доступ к переменной доступа к шаблону из класса компонента? т.е. могу ли я получить к нему доступ здесь, class XComponent{ somefunction(){ //Can I access #ipt here? } }...

В настоящее время мы работаем над новым проектом с регулярными обновлениями, которым ежедневно пользуется один из наших клиентов. Этот проект разрабатывается с использованием angular 2, и мы сталкиваемся с проблемами кеширования, то есть наши клиенты не видят последних изменений на своих машинах....

Я не могу перевести этот код с Angualr 1 на Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Вот что я сделал после ответа Тьерри Темплиера: Шаблон компонента: *ngFor="#todo of todos | sort" Код компонента: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html",...

Ссылка на https://angular.io/docs/ts/latest/guide/displaying-data.html и стек. Как проверить пустой объект в шаблоне angular 2 с помощью * ngIf, все еще получающего синтаксическую ошибку, сам контекст undefined. Если я удалю условие * ngIf, тогда я получу значения в teamMembers, если я вставлю в...

Я хотел бы передать строковое значение компоненту в angular2, но оно не работает с привязкой по умолчанию. Я думаю о чем-то похожем на это: <component [inputField]="string"></component> К сожалению, в правой части задания разрешены только выражения. Есть ли способ сделать это?...