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

Я использую RC4 и получаю сообщение об ошибке. Нет директивы с параметром "exportAs", установленным в "ngForm", из-за моего шаблона: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts: import {disableDeprecatedForms, …

109 angular  typescript  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 

Я ищу способ привязать функцию ко всей моей странице (когда пользователь нажимает клавишу, я хочу, чтобы она запускала функцию в моем component.ts) В AngularJS это было легко с помощью, ng-keypressно он не работает с (keypress)="handleInput($event)". Я пробовал использовать обертку div на всей странице, но похоже, что это не работает. он …

109 typescript  angular  keypress  key-bindings 

После обновления до последней версии-кандидата Angular 2 мои imgтеги: <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> выдают ошибку браузера: ОРИГИНАЛЬНОЕ ИСКЛЮЧЕНИЕ: Ошибка: небезопасное значение, используемое в контексте URL ресурса Значение URL-адреса: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg РЕДАКТИРОВАТЬ: Я пробовал предложение, сделанное в другом решении, что этот вопрос должен быть дубликатом, но я получаю ту же ошибку. Я …

109 angular 

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

109 angular  typescript  angular2-template 

У меня есть mat-select, где параметры - это все объекты, определенные в массиве. Я пытаюсь установить значение по умолчанию для одного из параметров, однако он остается выбранным при отображении страницы. Мой машинописный файл содержит: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = …

109 angular  typescript  angular-material2 

Я пытаюсь отправить запрос POST из Angular 4 на мой сервер Laravel. Мой LoginService имеет этот метод: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Я подписываюсь на этот метод в моем LoginComponent: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { console.log(error) …

109 angular  typescript  angular-httpclient 

В настоящее время я работаю над страницей сброса пароля в проекте Angular 4. Мы используем Angular Material для создания диалогового окна, однако, когда клиент выйдет за пределы диалогового окна, оно автоматически закроется. Есть ли способ избежать закрытия диалогового окна до тех пор, пока наша сторона кода не вызовет функцию «закрыть»? …

109 angular  dialog  modal-dialog  angular-material 

Я пытаюсь использовать disabledатрибут из файла formControl. Когда я вставляю его в шаблон, он работает: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Но браузер предупреждает меня: Похоже, вы используете атрибут disabled с директивой реактивной формы. Если вы установите для disabled значение true при настройке этого элемента управления в своем классе компонента, атрибут disabled …

109 angular  typescript 

У меня есть несколько неудачных тестов, которые только выводят [object ErrorEvent] thrown. Я не вижу в консоли ничего, что помогло бы мне определить проблемный код. Что мне нужно сделать, чтобы их отследить? [РЕДАКТИРОВАТЬ]: Я использую Karma v1.70, Jasmine v2.7.0

108 angular  angular-cli  karma-jasmine 

Скажем, у меня есть компонент Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } HTML-файл шаблона для этого компонента //home.component.html <div class="home-component">Some stuff in this div</div> И, наконец, файл css для этого …

108 css  angular 

Я хочу установить фоновое изображение DIV в шаблоне компонента в моем приложении Angular 2. Однако я продолжаю получать следующее предупреждение в моей консоли, и я не получаю желаемого эффекта ... Я не уверен, блокируется ли динамическое фоновое изображение CSS из-за ограничений безопасности в Angular2 или мой шаблон HTML не работает. …

108 typescript  angular  xss 

Могу ли я использовать ngIfбез дополнительного элемента контейнера? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Это не работает в таблице, потому что это сделает HTML недействительным.

108 html  templates  angular 

Я новичок в Angular, поэтому не уверен, что лучше всего это сделать. Я использовал angular-cli и ng new some-projectдля создания нового приложения. В нем создана папка «изображения» в папке «активы», так что теперь папка с изображениями src/assets/images В app.component.html(который является корнем моего приложения) я помещаю <img class="img-responsive" src="assets/images/myimage.png"> Когда я …

108 html  angular  angular-cli 

Когда я обновил Angular с 7 до Angular 8, я получил ошибку при ленивой загрузке модулей. Я пробовал варианты, которые есть в руководстве по обновлению angular Внесены следующие изменения: Перед loadChildren: '../feature/path/sample- tage.module#SameTagModule' После loadChildren: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule) ошибка TS1323: динамический импорт поддерживается, только если флаг --module …

108 javascript  angular  typescript  module  angular8