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

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

9
Як створити таймер в angular2
Мені потрібен таймер в Angular 2, який ставить галочку через певний проміжок часу і виконує якесь завдання (може викликати деякі функції). Як це зробити за допомогою Angular 2?


30
Помилка: несподіване значення "undefined" імпортовано модулем
Я отримую цю помилку після переходу на NgModule, помилка не надто допомагає, будь-яка порада? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at …
95 angular 

4
Обмежте до 2 знаків після коми за допомогою простої труби
Я знайшов приклад, який обмежує число до 2 знаків після коми І перетворює цифру у валюту - наприклад, 2,55 фунтів стерлінгів. {{ number | currency : 'GBP' : true : '1.2-2'}} Чи існує проста трубка, яка робить те саме, не застосовуючи валюту?
95 angular  pipe  decimal 

5
Виклик функції при події клацання в Angular 2
Як оголосити функцію всередині компонента (typecript) і викликати її під час натискання в Angular 2? Нижче наведено код тієї самої функціональності в Angular 1, для якого мені потрібен код Angular 2: <button ng-click="myFunc()"></button> // контролер app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

4
Кілька нг-вмісту
Я намагаюся створити власний компонент, використовуючи декілька ng-contentв Angular 6, але це не працює, і я поняття не маю, чому. Це мій код компонента: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Я намагаюся використовувати цей компонент в іншому місці і зробити два різних HTML коду bodyі заголовок …

7
Angular - 'Не вдалося знайти HammerJS'
Я працюю над простим кутовим проектом, де намагаюся імпортувати Material Design у свій проект, але деякі компоненти не працюють належним чином, і попередження консолі говорить: Не вдалося знайти HammerJS. Деякі компоненти кутового матеріалу можуть працювати неправильно. Я hammerjsвстановив, а також @angular/material. Як вирішити цю проблему? Сіденоте Можливо, варто зазначити, що …

8
Служба Angular 5 для читання локального файлу .json
Я використовую Angular 5 і створив службу, використовуючи angular-cli Що я хочу зробити, це створити службу, яка читає локальний файл json для Angular 5. Це те, що я маю ... Я трохи застряг ... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService …

5
"Це" компонента Angular2 не визначено під час виконання функції зворотного виклику
У мене є компонент, який викликає службу для отримання даних із кінцевої точки RESTful. Цій службі потрібно надати функцію зворотного виклику для виконання після отримання вказаних даних. Проблема полягає в тому, що коли я намагаюся використовувати функцію зворотного виклику для додавання даних до існуючих даних у змінній компонента, я отримую …

13
Кутовий 4.3 - параметри HttpClient
let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); Чому це не працює? Він встановлює лише "aaa", а НЕ "bbb" Крім того, у мене є об’єкт {aaa: 111, bbb: 222} Як я можу встановити всі значення без циклу? ОНОВЛЕННЯ (здається, це працює, але як уникнути циклу?) let httpParams = new HttpParams(); …

7
Angular 2 - Маршрутизація - CanActivate роботу з Observable
У мене є AuthGuard (використовується для маршрутизації), який реалізує CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Моя проблема полягає в тому, що результат CanActivate залежить від http-get-result - LoginService повертає Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Як я можу їх об’єднати - зробити CanActivate залежним від серверного …

7
Що використовувати замість :: ng-deep
Я намагаюся стилізувати елемент, розміщений розеткою маршрутизатора в кутовому режимі, і хочу переконатися, що згенерований елемент отримує ширину 100% З більшості відповідей я бачу, що мені слід використовувати ::ng-deepселектор, але з документів Angular він не підтримується. Чи є альтернатива ::ng-deep?
94 html  css  angular 

8
Кутовий 2 введення користувацької форми
Як я можу створити власний компонент, який би працював так само, як власний <input>тег? Я хочу, щоб мій власний контроль форми міг підтримувати ngControl, ngForm, [(ngModel)]. Як я розумію, мені потрібно впровадити деякі інтерфейси, щоб моє власне управління формою працювало так само, як рідне. Крім того, схоже, директива ngForm прив'язується …


3
Як викинути помилку з оператора карт RxJS (кутовий)
Я хочу видалити помилку від оператора карти мого спостережуваного на основі умови. Наприклад, якщо не отримано правильних даних API. Перегляньте наступний код: private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( res.bearerToken ) { return this.saveJwt(res.bearerToken); } else { …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.