У меня есть mat-select, где параметры - это все объекты, определенные в массиве. Я пытаюсь установить значение по умолчанию для одного из параметров, однако он остается выбранным при отображении страницы. Мой машинописный файл содержит: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name":...
Я пытаюсь отправить запрос 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)...
Я ищу способ привязать функцию ко всей моей странице (когда пользователь нажимает клавишу, я хочу, чтобы она запускала функцию в моем component.ts) В AngularJS это было легко с помощью, ng-keypressно он не работает с (keypress)="handleInput($event)". Я пробовал использовать обертку div на всей...
В настоящее время я работаю над страницей сброса пароля в проекте Angular 4. Мы используем Angular Material для создания диалогового окна, однако, когда клиент выйдет за пределы диалогового окна, оно автоматически закроется. Есть ли способ избежать закрытия диалогового окна до тех пор, пока наша...
После обновления до последней версии-кандидата Angular 2 мои imgтеги: <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> выдают ошибку браузера: ОРИГИНАЛЬНОЕ ИСКЛЮЧЕНИЕ: Ошибка: небезопасное значение, используемое в контексте URL ресурса Значение URL-адреса:...
В моем компоненте 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>...
Я использую RC4 и получаю сообщение об ошибке. Нет директивы с параметром "exportAs", установленным в "ngForm", из-за моего шаблона: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType"...
<div> <input #ipt type="text"/> </div> Можно ли получить доступ к переменной доступа к шаблону из класса компонента? т.е. могу ли я получить к нему доступ здесь, class XComponent{ somefunction(){ //Can I access #ipt here? } }...
Я пытаюсь использовать disabledатрибут из файла formControl. Когда я вставляю его в шаблон, он работает: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Но браузер предупреждает меня: Похоже, вы используете атрибут disabled с директивой реактивной формы....
Скажем, у меня есть компонент 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:...
Могу ли я использовать ngIfбез дополнительного элемента контейнера? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Это не работает в таблице, потому что это сделает HTML недействительным....
Мой код: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Я пытаюсь отображать только 10 элементов списка в любой момент. Как предлагается в ответе здесь , я использовал ngIf,...
У меня есть несколько неудачных тестов, которые только выводят [object ErrorEvent] thrown. Я не вижу в консоли ничего, что помогло бы мне определить проблемный код. Что мне нужно сделать, чтобы их отследить? [РЕДАКТИРОВАТЬ]: Я использую Karma v1.70, Jasmine...
Я хочу установить фоновое изображение DIV в шаблоне компонента в моем приложении Angular 2. Однако я продолжаю получать следующее предупреждение в моей консоли, и я не получаю желаемого эффекта ... Я не уверен, блокируется ли динамическое фоновое изображение CSS из-за ограничений безопасности в...
Когда я обновил Angular с 7 до Angular 8, я получил ошибку при ленивой загрузке модулей. Я пробовал варианты, которые есть в руководстве по обновлению angular Внесены следующие изменения: Перед loadChildren: '../feature/path/sample- tage.module#SameTagModule' После loadChildren: () =>...
Я пытаюсь заставить mat-tableсортировку работать локально, и хотя я могу заставить данные отображаться должным образом, нажатие на строку заголовка не приводит к сортировке, как в онлайн-примерах (вообще ничего не происходит). Я пытаюсь заставить эту демонстрацию работать локально:...
Я новичок в Angular, поэтому не уверен, что лучше всего это сделать. Я использовал angular-cli и ng new some-projectдля создания нового приложения. В нем создана папка «изображения» в папке «активы», так что теперь папка с изображениями src/assets/images В app.component.html(который является...
Я изо всех сил пытаюсь найти способ сделать это. В родительском компоненте шаблон описывает a tableи его theadэлемент, но делегирует отрисовку tbodyдругому компоненту, например: <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead>...
Хорошо, может быть, это неясно. Получите эту форму: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button>...
Как я могу обнаружить щелчки вне компонента в Angular?