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

У своєму проекті Angular2 я встановлюю плагін останнього матеріалу з https://material.angular.io/guide/getting-started . Далі я додаю @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';у свій CSS-файл свій компонент. Але в моїй консолі Angular показує цю помилку: material.es5.js: 148 Не вдалося знайти основну тему Angular Material. Більшість компонентів Матеріалу можуть не працювати належним чином. Для отримання додаткової інформації …

80 angular  themes 

Якщо ми спробуємо зробити такий код: <td [colspan]="1 + 1">Column</td> або це: <td colspan="{{1 + 1}}">Column</td> Незабаром ми з’ясовуємо, що " colspanце не відомий рідний атрибут". З документів A2 ми дізнаємось, що: елемент не має властивості colspan. Він має атрибут "colspan", але інтерполяція та прив'язка властивостей можуть встановлювати лише властивості, …

80 javascript  angular  dom 

Я не можу зрозуміти, в чому різниця ngOnInit і ngAfterViewInit. Я знайшов єдину різницю між ними @ViewChild . Відповідно до наступного коду, elementRef.nativeElementв них однакові. Яку сцену нам використовувати ngAfterViewInit? @Component({ selector: 'my-child-view', template: ` <div id="my-child-view-id">{{hero}}</div> ` }) export class ChildViewComponent { @Input() hero: string = 'Jack'; } ////////////////////// …

80 angular  ngoninit 

Я написав програму Angular2 (v2.0.1), яка використовує маршрутизатор. Веб-сайт завантажується кількома параметрами рядка запиту, тому повна URL-адреса спочатку виглядає так: https://my.application.com/?param1=val1&param2=val2&param3=val3 У моїй конфігурації маршруту у мене є запис, який перенаправляє порожній маршрут: const appRoutes: Routes = [ { path: '', redirectTo: '/comp1', pathMatch: 'full' }, { path: 'comp1', component: …

80 angular  angular2-routing 

Я знаю, що є багато таких самих питань, які вже розміщені в переповненні стека, і я спробував різні рішення, щоб уникнути помилки під час виконання, але жодне з них не працює для мене. Код компонента та HTML export class TestComponent implements OnInit, AfterContentChecked { @Input() DataContext: any; @Input() Position: any; …

80 angular  runtime-error 

Налагодити та запустити машинопис Angular2 за допомогою коду Visual Studio? Я намагаюся налагодити додаток Angular2 машинопис за допомогою коду VS https://angular.io/guide/quickstart Хтось може поділитися кроками для налагодження та запуску з коду VS?

79 angular  typescript  visual-studio-code 

Я щойно почав користуватися новою бібліотекою маршрутизації (@ angular / router v3.0.0-alpha.7), але дотримання офіційних документів призводить до помилки нижче: browser_adapter.ts:74: EXCEPTION: Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'HomePage' Питання в тому - як мені позбутися помилки і змусити маршрутизатор поводитися належним чином? Я пропустив …

79 angular  router 

Я створив маршрути з глибокими дитячими стежками. Я додав <router-outlet>до компонента AdminComponent, який обернув у NgModule. Але після оновлення сторінки я отримав таку помилку: 'router-outlet' is not a known element Можливо, це сталося тому, що я забув імпортувати якийсь модуль до admin.module.ts Будь ласка, допоможіть. Дякую. app.routes.ts export const routes: …

79 angular  angular2-routing 

Як отримати RouteParams від батьківського компонента? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } А потім, у ParentComponent, я можу легко отримати параметр свого імені користувача та встановити дочірні маршрути. Parent.ts: @Component({ ... }) …

79 angular  angular2-routing 

Вбудована труба - це робота, але всі власні труби, які я хочу використовувати, мають однакову помилку: конвеєр 'actStatusPipe' не вдалося знайти [ПОМИЛКА ->] {{data.actStatus | actStatusPipe}} Я спробував два способи, оголосити це в деклараціях app.module: app.module.ts: import {ActStatusPipe} from '../pipe/actPipe' @NgModule({ declarations: [ AppComponent, HomePage, ActivitiesList, ActStatusPipe ], ... }) …

79 angular  angular2-pipe 

Я створюю простий інтерфейс, використовуючи Angular Meteor 2. 1) У мене є верхній компонент навігаційної панелі, який має кнопку "вийти". 2) Після натискання кнопки «вийти» він переспрямовує на «вхід». 3) Тоді я бачу цю помилку в консолі:EXCEPTION: Attempt to use a destroyed view: detectChanges Виняток: EXCEPTION: Attempt to use a …

79 angular  angular2-meteor 

У моїй програмі angular 2 у мене є служба, яка використовує Observableклас із rxjsбібліотеки. import { Observable } from 'rxjs'; На даний момент я просто використовую, Observableщоб я міг використовувати цю toPromise()функцію. Я ще десь читав у запитанні про StackOverflow, що імпорт таким чином, а також імпорт з rxjs/Rx, імпортує …

79 angular  typescript  rxjs  angular2-observables 

Я розробляю компонент у Angular2 (Бета 8). Компонент має текстове поле та випадаюче меню. Я хотів би встановити фокус у текстовому полі, як тільки компонент завантажується або в разі зміни спадного меню. Як би я досяг цього в angular2. Далі наводиться HTML для компонента. <div> <form role="form" class="form-horizontal "> <div …

79 angular  angular2-template  angular2-forms 

Я хочу використовувати статичну змінну компонента на HTML-сторінці. Як зв'язати статичну змінну компонента з елементом HTML в angular 2? import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs/Rx'; @Component({ moduleId: module.id, selector: 'url', templateUrl: 'url.component.html', styleUrls: ['url.component.css'] }) export class UrlComponent { static urlArray; constructor() { …

79 angular  typescript  angular2-services 

Що таке viewProviders у наведеному нижче коді? І чим він відрізняється від провайдерів? class Greeter { greet(name:string) { return 'Hello ' + name + '!'; } } @Component({ selector: 'greet', viewProviders: [ Greeter ], template: `<needs-greeter></needs-greeter>` }) class HelloWorld { }

79 angular