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

Я новичок в Angular 4, поэтому может ли кто-нибудь объяснить, как и где использовать ::ng-deepв Angular 4? На самом деле я хочу перезаписать некоторые свойства CSS дочерних компонентов из родительских компонентов. Более того, поддерживается ли это в IE11?

90 css  angular  angular-template 

Я извлек образец кода шаблона из этого руководства и сделал два следующих шага, чтобы начать работу: npm install // worked fine and created node_modules folder with all dependencies npm start // не удалось с ошибкой ниже - node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property …

90 angular  typescript  rxjs 

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

89 angular  angular2-template 

Я только недавно начал использовать angular 4 вместо angular.js 1. Я следил за руководством по героям, чтобы узнать об основах angular 4, и в настоящее время я использую собственный Angular RouterModule из пакета «@ angular / router». Чтобы реализовать некоторую авторизацию для моего приложения, я хотел бы знать, как вручную …

89 angular 

Моя проблема вполне классическая. У меня есть личная часть приложения, которая находится за файлом login form. При успешном входе в систему он переходит на дочерний маршрут для приложения администратора. Моя проблема в том, что я не могу использовать, global navigation menuпотому что маршрутизатор пытается маршрутизировать в моем, AdminComponentа не в …

89 angular  angular-routing  angular-router 

Если у меня есть следующая кнопка в html файле <button (click)="doSomething('testing', $event)">Do something</button> Также в соответствующем компоненте у меня есть эта функция doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } Есть ли правильный тип, который следует назначить $eventвходу? Параметр события сам по себе является объектом, НО …

89 javascript  typescript  angular 

После обновления до RC5 мы начали получать эту ошибку: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like …

89 angular  angular2-forms  angular2-formbuilder 

У меня есть реактивная форма в Angular, как показано ниже: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { …

89 angular  angular-reactive-forms  reactive 

Вот как выглядит мой тег ввода: <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> Я хочу сбросить выбранный файл в Angular 2. Помощь будет очень признательна. Дайте мне знать, если вам понадобятся подробности. PS Я мог бы получить сведения о файле из $eventпараметров и сохранить его в переменной машинописного текста, но …

89 angular 

Документация Angular сообщает, что я должен использовать --base-hrefпараметр в сборке приложения Angular для производства, когда оно будет развернуто во вложенной папке сервера: Если вы копируете файлы в подпапку сервера, добавьте флаг сборки --base-hrefи установите <base href>соответствующий параметр. Например, если index.htmlнаходится на сервере по адресу /my/app/index.html, установите базовый href <base href="https://stackoverflow.com/my/app/">как …

89 angular  angular-cli 

У нас есть компонент, который имеет динамически построенную форму. Код для добавления элемента управления с валидаторами может выглядеть так: var c = new FormControl('', Validators.required); Но допустим, что я хочу добавить второй валидатор позже . Как мы можем этого добиться? Мы не можем найти никакой документации по этому поводу в …

89 angular  forms  angular-reactive-forms 

Вот пример шаблона: <input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> <input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> Здесь они оба делают одно и то же. Какой из них предпочтительнее и почему?

89 angular  angular-ngmodel 

Как я могу изменить код Angular Material ниже, чтобы таблица данных была отсортирована по столбцу «имя» в порядке возрастания по умолчанию. Стрелка (указывающая текущее направление сортировки) должна быть отображена. Вот чего я хочу добиться: Исходный код: <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs …

89 angular  angular-material 

Меня спросили об этом сегодня, и я не смог дать должного ответа. Машинопись преобразуется в JS. Затем идет тряска дерева, «меньше» (необязательно) и что еще в процессе развертывания. Но ничего подобного (afaik) не имеет ничего общего с "компиляцией". Все объединяется и сильно оптимизируется, но на самом деле не компилируется, верно? …

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

Я хочу внедрить службу в класс, который не является компонентом . Например: Myservice import {Injectable} from '@angular/core'; @Injectable() export class myService { dosomething() { // implementation } } Мои занятия import { myService } from './myService' export class MyClass { constructor(private myservice:myService) { } test() { this.myservice.dosomething(); } } Это …

88 angular  typescript