Я использую Angular 5, и я создал службу с помощью angular-cli Я хочу создать службу, которая читает локальный файл json для Angular 5. Это то, что у меня есть ... Я немного застрял ... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http';...
Я не могу перевести этот код с 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",...
В чем разница между EventEmitter.emit()и EventEmitter.next()? Оба отправляют событие подписанным слушателям. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } }...
Я не знаю, как извлечь значение из Observable, которое будет возвращено функцией, в которой присутствует Observable. Мне нужно вернуть только его значение, ничего больше. Текущая версия, которая работает function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data)...
У меня есть проект mvc 5 с угловым интерфейсом. Я хотел добавить маршрутизацию, как описано в этом руководстве https://angular.io/guide/router . Итак, в моем _Layout.cshtmlя добавил <base href="/"> и создал мою маршрутизацию в моем app.module. Но когда я запускаю это, я получаю следующую...
Я разрабатываю репозиторий github (с angular 7 и angular-cli), и у меня есть несколько тестов с Karma и Jasmine, работающими в основной ветке. Сейчас пытаюсь добавить ленивую загрузку, дело в том, что тесты, которые раньше прошли, теперь нет. Забавно, потому что терпят неудачу только тесты из...
Я пытаюсь обнаружить изменение ngModelв <select>теге. В Angular 1.x мы могли бы решить эту проблему с помощью $watchвключения ngModelили использования ngChange, но я еще не понял, как обнаружить изменение ngModelв Angular 2. Полный пример : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info...
Я создал службу SocketService, в основном она инициализирует сокет, чтобы приложение могло прослушивать порт. Этот сервис также взаимодействует с некоторыми компонентами. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Я знаю, что код в...
Мне нужен таймер в Angular 2, который тикает через временной интервал и выполняет некоторую задачу (может вызывать некоторые функции). Как это сделать с Angular 2?...
Я хотел бы, чтобы markAsDirtyвсе элементы управления внутри файла FormGroup.
Как объявить ссылочную переменную динамического шаблона внутри ngForэлемента? Я хочу использовать компонент popover из ng-bootstrap, код всплывающего окна (с привязкой Html) выглядит следующим образом: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template>...
Я новичок в 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>...
Как я могу ввести что-то вроде следующего, 'my-app-name/services'чтобы избежать строк вроде следующего импорта? import {XyService} from '../../../services/validation/xy.service';
В настоящее время я пытаюсь научиться Angular2 и TypeScript после того, как успешно работал с AngularJS 1. * в течение последних 4 лет! Я должен признать, что ненавижу это, но я уверен, что момент моей эврики не за горами ... в любом случае, я написал службу в своем фиктивном приложении, которое...
Может кто-нибудь проиллюстрировать разницу между использованием <ng-container>и <ng-template>элементами? Я не смог найти документацию NgContainerи не совсем понимаю разницу между тегом шаблона. Пример кода каждого из них очень поможет....
Вот мой компонент в 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"...
Я нашел пример, который ограничивает число двумя десятичными знаками и превращает число в денежную сумму, например, 2,55 фунта стерлингов. {{ number | currency : 'GBP' : true : '1.2-2'}} Есть ли простой пайп, который делает то же самое без применения валюты?...
Как объявить функцию внутри компонента (машинописный текст) и вызвать ее при событии щелчка в Angular 2? Ниже приведен код той же функциональности в Angular 1, для которой мне нужен код Angular 2: <button ng-click="myFunc()"></button> // контроллер app.controller('myCtrl', ['$scope',...
Я только что создал новый angular-cliproject и запустил npm install bootstrap@4.0.0-beta jquery popper.js --save и изменил связанные части .angular-cli.json, как показано ниже "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js",...
Я пытаюсь создать собственный компонент, используя несколько ng-contentв Angular 6, но это не работает, и я понятия не имею, почему. Это код моего компонента: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class">...