Запитання з тегом «angular»

Зараз я працюю на сторінці скидання пароля проекту Angular 4. Ми використовуємо Angular Material для створення діалогового вікна, однак, коли клієнт клацає з діалогового вікна, воно закриється автоматично. Чи є спосіб уникнути закриття діалогового вікна, доки наша сторона коду не викличе функцію "закрити"? Або як я повинен створити закриту ?

103 angular  dialog  modal-dialog  angular-material 

Я думаю, що я маю базову концепцію, але є деякі незрозумілі ситуації Отже, загалом я використовую спостережуване: observable.subscribe(x => { }) Якщо я хочу відфільтрувати дані, я можу використовувати це: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { …

103 angular  rxjs  rxjs5 

Я працюю над кутовим додатком для менеджерів, щоб стежити за своїми командами, і я застряг у помилці @Output: An error occurred: @Output deleteMeeting not initialized in 'MeetingItemComponent'. У мене є компонент Meetings, який генерує список компонентів MeetingItem. Я хочу виконувати дії, коли користувач натискає різні кнопки (редагувати, видаляти, показувати деталі). …

103 angular  click  angular-event-emitter 

Відповіді на це запитання - це зусилля громади . Відредагуйте наявні відповіді, щоб покращити цю публікацію. Наразі він не приймає нових відповідей чи взаємодій. Використовуючи ng --version: @ кутова / клі: 1.0.0 яка не є останньою версією. Оскільки у мене в системі встановлено Angular CLI глобально, для його оновлення я …

102 angular  angular-cli 

Я працюю над додатком, який має багато ролей, і мені потрібно використовувати охоронці, щоб блокувати навігацію до частин програми на основі цих ролей. Я усвідомлюю, що можу створити окремі класи охорони для кожної ролі, але волію мати один клас, в який я міг би якось передати параметр. Іншими словами, я …

102 angular  typescript  angular2-routing 

Ні, це не повторне запитання. Розумієте, в SO та Github є багато питань і питань, які передбачають, що я додаю цю директиву до тегу, який має [(ngModel)]директиву і не міститься у формі. Якщо я не додаю його, я отримую помилку: ERROR Error: No value accessor for form control with unspecified …

102 javascript  angular 

Я хочу мати можливість прокрутити до цілі при натисканні кнопки. Я думав приблизно так. <button (click)="scroll(#target)">Button</button> А в моєму component.tsтакий метод. scroll(element) { window.scrollTo(element.yPosition) } Я знаю, що наведений вище код не дійсний, а лише для того, щоб показати, про що я думав. Я щойно почав вивчати Angular 4 без …

102 javascript  html  angular  typescript 

У мене є батьківський компонент, який переходить на сервер і отримує об’єкт: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); …

102 angular  dependency-injection  angular2-routing 

Ми з моєю командою отримали фінансування, щоб розпочати розробку веб-додатків на рівні підприємства (не будемо деталізувати, що це робить). У додатку буде багато окремих веб-сторінок, але дві з цих сторінок більш цілеспрямовані та дуже важкі - важкі, як і в умовах багато взаємодії з користувачами, модалі, які відображають масові дані, …

101 asp.net  angular  reactjs  razor 

Неможливо прив’язати до 'ngModel', оскільки це не властивість знати елемент 'input' і немає відповідних директив із відповідним властивістю Примітка: я використовую альфа.31 import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector: 'data-bind' }) @View({ template:` <input id="name" type="text" [ng-model]="name" (ng-model)="name = $event" /> {{ name }} ` }) class …

101 data-binding  typescript  angular  2-way-object-databinding 

Я намагаюся перевірити angular2 двостороння прив'язка для контролю input. Ось помилка: Can't bind to 'ngModel' since it isn't a known property of 'input'. App.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> App.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: string; } app.component.spec.ts import { …

101 testing  angular  angular-cli  angular2-testing 

Як я маю кілька випадків у *ngIfзаяві? Я звик до Vue або кутовим 1 з наявністю if, else ifі else, але, схоже кутовим 4 має тільки true( if) і false( else) стан. Згідно з документацією, я можу робити лише: <ng-container *ngIf="foo === 1; then first else second"></ng-container> <ng-template #first>First</ng-template> <ng-template …

101 angular  templates  angular-ng-if 

Я будую кутовий додаток 4. Я отримую помилку Error:Component HomeComponent is not part of any NgModule or the module has not been imported into your module. Я створив HomeModule та HomeComponent. Який з них мені потрібен для посилання на AppModule? Я трохи розгублений. Чи потрібно звертатись до HomeModule або HomeComponent? …

101 angular 

Тут він використовує pathmatch як повний, і коли я видаляю цей pathmatch, він навіть не завантажує програму або не запускає проект import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { AppComponent } from …

101 angular  typescript 

Як під час написання компонентів Angular 2.0 як встановлюються значення за замовчуванням для властивостей? Наприклад - я хочу встановити fooзначення 'bar'за замовчуванням, але прив'язка може негайно вирішити до 'baz'. Як це відтворюється на гачках життєвого циклу? @Component({ selector: 'foo-component' }) export class FooComponent { @Input() foo: string = 'bar'; @Input() …

101 angular  typescript