Вопросы с тегом «angular»

Вопросы по Angular (не путать с AngularJS), веб-фреймворку от Google. Используйте этот тег для угловых вопросов, которые не относятся к конкретной версии. Для более старой веб-платформы AngularJS (1.x) используйте тег angularjs.

7
Как получить поддержку TypeScript с Sublime Text 3?
В настоящее время я работаю в Angular и получаю хорошую поддержку Typescript с Sublime Text. Как я могу получить поддержку TypeScript с моим редактором Sublime Text? Я попытался нажать Shift+ Ctrl+, Pа затем набрал TypeScript, но результатов TypeScript не получил. Я просмотрел официальный сайт TypeScript и клонировал Sublime Text на …

17
ЗаказатьПо трубке
Я не могу перевести этот код с 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", providers: [TodoService], pipes: [ TodosSortPipe ] }) Код трубы: import …

7
Ошибка Angular Karma Jasmine: недопустимое состояние: не удалось загрузить сводку для директивы
Я разрабатываю репозиторий github (с angular 7 и angular-cli), и у меня есть несколько тестов с Karma и Jasmine, работающими в основной ветке. Сейчас пытаюсь добавить ленивую загрузку, дело в том, что тесты, которые раньше прошли, теперь нет. Забавно, потому что терпят неудачу только тесты из модуля ленивой загрузки ... …

2
Разница между EventEmitter.next () и EventEmitter.emit () в Angular 2
В чем разница между EventEmitter.emit()и EventEmitter.next()? Оба отправляют событие подписанным слушателям. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } Documenation для EventEmitter не так полезно в данный момент.

10
Как вернуть значение из функции, внутри которой есть подписка на Observable?
Я не знаю, как извлечь значение из Observable, которое будет возвращено функцией, в которой присутствует Observable. Мне нужно вернуть только его значение, ничего больше. Текущая версия, которая работает function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() Мне нужно, чтобы это работало, функция возвращала значение, а затем: …

11
"маршрутизатор-розетка" не является известным элементом
У меня есть проект mvc 5 с угловым интерфейсом. Я хотел добавить маршрутизацию, как описано в этом руководстве https://angular.io/guide/router . Итак, в моем _Layout.cshtmlя добавил <base href="/"> и создал мою маршрутизацию в моем app.module. Но когда я запускаю это, я получаю следующую ошибку: Error: Template parse errors: 'router-outlet' is not …

4
Неперехваченная ошибка: непредвиденный модуль FormsModule, объявленный модулем AppModule. Добавьте аннотацию @ Pipe / @ Directive / @ Component
Я новичок в Angular. Я начал "Тур героев", чтобы изучить его. Итак, я создал файл app.componentс two-wayпривязкой. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: …
97 angular 

2
Обнаружить изменение ngModel в теге выбора (Angular 2)
Я пытаюсь обнаружить изменение ngModelв <select>теге. В Angular 1.x мы могли бы решить эту проблему с помощью $watchвключения ngModelили использования ngChange, но я еще не понял, как обнаружить изменение ngModelв Angular 2. Полный пример : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' …

9
Как создать таймер в angular2
Мне нужен таймер в Angular 2, который тикает через временной интервал и выполняет некоторую задачу (может вызывать некоторые функции). Как это сделать с Angular 2?


4
Ссылочная переменная динамического шаблона внутри ngFor (Angular 9)
Как объявить ссылочную переменную динамического шаблона внутри ngForэлемента? Я хочу использовать компонент popover из ng-bootstrap, код всплывающего окна (с привязкой Html) выглядит следующим образом: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Как мне обернуть эти элементы внутрь ngFor? …

4
Как запустить службу при запуске приложения в Angular 2
Я создал службу SocketService, в основном она инициализирует сокет, чтобы приложение могло прослушивать порт. Этот сервис также взаимодействует с некоторыми компонентами. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Я знаю, что код в SocketService constructor () запускается только тогда, когда компонент использует …

1
Цепочка наблюдаемых RxJS из данных http в Angular2 с помощью TypeScript
В настоящее время я пытаюсь научиться Angular2 и TypeScript после того, как успешно работал с AngularJS 1. * в течение последних 4 лет! Я должен признать, что ненавижу это, но я уверен, что момент моей эврики не за горами ... в любом случае, я написал службу в своем фиктивном приложении, …


19
ОШИБКА Ошибка: нет средства доступа к значению для элемента управления формы с неопределенным атрибутом имени на переключателе
Вот мой компонент в Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Вот мой класс: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; @Input() formGroup: …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.