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

Питання щодо Angular (не плутати з AngularJS), веб-рамкою від Google. Використовуйте цей тег для кутових питань, не характерних для окремої версії. Для старих веб-рамок AngularJS (1.x) використовуйте тег angularjs.

14
Скидання форми Angular 5 FormGroup не скидає валідатори
У мене є форма на моїй сторінці, і коли я зателефоную, FormGroup.reset()вона встановлює для класу форми значення, ng-pristine ng-untouchedале FormControl.hasError(...)все одно повертає істину. Що я тут роблю не так? Шаблон <form [formGroup]="myForm" (ngSubmit)="submitForm(myForm)"> <mat-form-field> <input matInput formControlName="email" /> <mat-error *ngIf="email.hasError('required')"> Email is a required feild </mat-error> </mat-form-field> <mat-form-field> <input matInput …
3
Як застосувати canActivate охорону на всіх маршрутах?
У мене є активний охоронець angular2, який обробляє, якщо користувач не ввійшов у систему, перенаправіть його на сторінку входу: import { Injectable } from "@angular/core"; import { CanActivate , ActivatedRouteSnapshot, RouterStateSnapshot, Router} from "@angular/router"; import {Observable} from "rxjs"; import {TokenService} from "./token.service"; @Injectable() export class AuthenticationGuard implements CanActivate { constructor …
4
Кутова 2/4/6/7 - модульне тестування за допомогою маршрутизатора
У Angular 2.0.0 я тестую компонент, який використовує маршрутизатор. Однак я отримую "Надані параметри не відповідають жодному підпису цільового виклику." помилка. У коді Visual Studio в spec.ts це новий маршрутизатор (), який виділений червоним кольором Я дуже вдячний, якщо хтось може повідомити мене, яким буде правильний синтаксис? Заздалегідь спасибі. Мій …
11
Як я можу використовувати ngFor для ітерації над Typescript Enum як масиву рядків
Я використовую Angular2 та Typscript. У мене перелік: export enum Role { ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, CrewMember, AgentCrewMember, Customer } Я хочу використовувати * ngFor для перебору переліку. Який найкращий спосіб це зробити? Чи повинен я створити трубу? Або є простіший спосіб?
14
Клонування масиву в Javascript / Typescript
У мене є масив із двох об’єктів: genericItems: Item[] = []; backupData: Item[] = []; Я заповнюю свою таблицю HTML genericItemsданими. Таблицю можна змінювати. Існує кнопка скидання, щоб скасувати всі внесені зміни backUpData. Цей масив заповнюється службою: getGenericItems(selected: Item) { this.itemService.getGenericItems(selected).subscribe( result => { this.genericItems = result; }); this.backupData = …
4
Використання D3.js з Angular 2
Я успішно інтегрував Angular 2 (Alpha 44) з D3.js: <html> <head> <title>Angular 2 QuickStart</title> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../node_modules/angular2/bundles/angular2.dev.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> <script> System.config({packages: {'app': {defaultExtension: 'js'}}}); System.import('app/app'); </script> </head> <body> <my-app>Loading...</my-app> </body> </html> app.js: /// <reference path="./../../typings/tsd.d.ts" /> import {Component, bootstrap, ElementRef} from 'angular2/angular2'; @Component({ selector: 'my-app', template: '<h1>D3.js Integrated …
78 angular  d3.js 
5
Зосередьтеся на нещодавно доданому елементі введення
У мене є нова програма Angular 2 із переліком inputвікон. Коли користувач натискає клавішу повернення, я додаю нове inputполе відразу після того, яке вони редагують. Вірніше, я (асинхронно) додаю новий запис до масиву в моделі, що змушує Angular 2 автоматично генерувати нове inputполе найближчим часом. Як я можу зробити так, …
78 angular 
6
кутова 2 сортування та фільтрування
В Angularjs 1 можна сортувати та фільтрувати таким чином: <ul ng-repeat="friend in friends | filter:query | orderBy: 'name' "> <li>{{friend.name}}</li> </ul> Але я не міг знайти прикладів того, як це зробити в Angularjs 2.0. Моє питання полягає в тому, як сортувати та фільтрувати в Angularjs 2.0? Якщо він все ще …
11
Виберіть на основі переліку в Angular2
У мене такий перелік (я використовую TypeScript ): export enum CountryCodeEnum { France = 1, Belgium = 2 } Я хотів би побудувати виділення у моїй формі , для кожного варіанту значення цілого числа переліку як значення, а текст переліку як мітку, наприклад: <select> <option value="1">France</option> <option value="2">Belgium</option> </select> Як …
9
Як отримати параметр з url в кутовій 4?
Я намагаюся отримати дату початку з URL-адреси. URL-адреса виглядає такhttp://sitename/booking?startdate=28-08-2017 Мій код нижче: aap.module.ts import {...}; @NgModule({ declarations: [ AppComponent, ModalComponent ], imports: [ BrowserModule, FormsModule, HttpModule, JsonpModule, ReactiveFormsModule, RouterModule.forRoot([{ path: '', component: AppComponent }, ]), ], providers: [ContactService, AddonService, MainService], bootstrap: [AppComponent] }) export class AppModule { } aap.component.ts …
78 angular 
9
Angular 2 - перенаправлення на зовнішню URL-адресу та відкриття в новій вкладці
Я намагаюся відкрити нову сторінку, коли користувач натискає посилання. Я не можу використовувати Angular 2 Router, оскільки він не має жодних функцій для перенаправлення на зовнішню URL-адресу. отже, я використовую window.location.href = "..."; html код: <button (click)="onNavigate()">Google</tn-submenu-link> код машинопису: onNavigate(){ //this.router.navigateByUrl("https://www.google.com"); window.location.href="https://www.google.com"; } Але як я можу відкрити його в …
3
оновлення змінних змін у компонентах із сервісу за допомогою angular2
У моєму додатку є NameService, який містить це ім’я. Існує два дочірні компоненти App, Navbar та TheContent, які посилаються на цю послугу. Щоразу, коли ім'я змінюється в службі, я хочу, щоб воно оновлювалося в обох інших компонентах. Як я можу це зробити? import {Component, Injectable} from 'angular2/core' // Name Service …
4
Викличте метод дочірнього компонента
У мене є такий вкладений дочірній компонент: <app-main> <child-component /> </app-main> Моєму appMainкомпоненту потрібно викликати метод дочірнього компонента. Як викликати метод дочірнього компонента?
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.