Описание тега angular2-components

В Angular 2 компоненты - это основной способ создания и определения элементов и логики на странице. Вопросы должны включать примеры кода, достаточные для воспроизведения проблемы.
2 ответа

Передать переменную в пользовательский компонент

У меня есть пользовательский компонент: @Component({ selector: 'my-custom-component', templateUrl: './my-custom-component.html', styleUrls: ['./my-custom-component.css'] }) export class MyCustomComponent { constructor() { console.log('myCustomCompon…
2 ответа

Angular2 - почему экземпляр объекта находится внутри ngOninit?

Я использую следующий код с сайта angular.io. для получения наблюдаемых наблюдаемых. import {Observable} from 'rxjs/Observable'; import {Subject} from 'rxjs/Subject'; import 'rxjs/add/observable/of'; import 'rxjs/add/operator/catch'; import 'rxjs/ad…
1 ответ

Координация компонентов angular2 с использованием JavaScript

У меня есть следующий код:index.html <html> <head> <title>Angular 2 QuickStart JS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="assets/css/style.css"> &l…
15 май '16 в 01:52
2 ответа

Маршрут отображает дубликат формы

Я запустил проект в angular2, но по какой-то причине мой маршрут отображал мой компонент два раза. Вот соответствующий фрагмент кода. app.routing.ts // Some import import { AuthComponent } from './master/auth'; const appRoutes: Routes = [ { path: 'm…
0 ответов

Как вы динамически вкладываете / внедряете шаблоны компонентов в Angular 2

Plunkr Ссылка на то, что я пытаюсь сделать -> https://plnkr.co/edit/mC8jGYROlpqFpnjTCQKr?p=preview Моя цель - перетащить что-нибудь из меню инструментов влево на сцену. при "отбрасывании" выбранный элемент должен быть вложен в сцену. Я искал докумен…
4 ответа

Как вызвать метод из одного компонента в другой компонент в Angular 2?

У меня есть два разных компонента - один компонент имеет метод события click для пользователей списка, и я хочу унаследовать (вызвать) метод события click на странице сведений (другой компонент)) Как это сделать, пожалуйста, помогите мне... ОТВЕТИТЬ…
04 июл '17 в 14:25
1 ответ

Используйте ngSwitch для переключения между компонентами в Angular 2?

Я только начал экспериментировать с Angular 2 и столкнулся с этим вопросом: Допустим, я создаю веб-приложение со строкой меню сверху. Каждый пункт меню должен загружать отдельный компонент. Каков "правильный" способ сделать это? Пока что моя идея - …
1 ответ

Как использовать пользовательскую директиву на элементе хоста пользовательского компонента

У меня есть специальная директива, которая должна слушать ngModelChange пользовательского компонента и добавлять или удалять элементы в массиве. Вот директива: @Directive({ selector: '[selectedItems]' }) export class SelectedItemsDirective { @Input(…
1 ответ

Как установить компонентный ввод Angular2 условно?

Рассмотрим следующий случай. Родительский компонент: <div title="title1"> <my-component input="title2"></my-component> <my-component></my-component> </div> MyComponent: <div [title]="input">ABC</div> П…
17 июл '18 в 14:42
2 ответа

Как понизить пользовательский канал, написанный на angular2, для использования в angular 1.5?

Я написал компонент, который использует трубу в Angular 2. Теперь я пытаюсь понизить компонент, который будет использоваться в моем Angular 1.5: angular.module('myApp') .directive('Item', downgradeComponent({component: ItemComponent, inputs: ['item'…
4 ответа

Угловой 2: Функции, которые будут использоваться во всех компонентах

У меня есть угловой проект 2 webpack, в котором у меня есть некоторые функции, которые повторяются в нескольких компонентах. Я хотел бы унаследовать все эти компоненты от ИЛИ-компонента "мастер" класса (в зависимости от того, что работает), чтобы им…
2 ответа

Angular 2 [(ngModel)] не работает

NET Core и Angular 2 приложения. Я успешно связался с контроллером веб-API и могу войти в объект в консоли. Однако, когда я пытаюсь зарегистрировать компонент в файле ts или получить доступ к его свойствам с помощью [(ngModel)], у меня не получается…
0 ответов

Angular2 меню переключения от дочернего компонента

У меня есть угловое приложение 2, с установленным JQuery и набрав. В моем компоненте aboutPage я пытаюсь применить событие нажатия jquery к кнопке, чтобы при нажатии кнопки добавлялись дополнительные классы к тегу navbar вне компонента about с помощ…
3 ответа

Дочерний компонент не загружается после добавления CUSTOM_ELEMENTS_SCHEMA в модуль приложения

У меня есть компонент с именем HostComponent, когда я помещаю этот компонент в качестве запускающего компонента, все работает, и мое приложение работает нормально. Затем я создаю еще один модуль под названием AppModule и оборачиваю хост-компонент вн…
1 ответ

Перемещение вверх и вниз по многомерному массиву в Angular 2 / TypeScript

[ {id: 1, name: "test 1", children: [ {id: 2, name: "test 1-sub", children: []} ] }] Предполагая массив json, похожий на описанный выше, где каждый элемент может иметь или не иметь дочерних элементов, и он может достигать 9 уровней. Если я хочу знат…
1 ответ

Как вызвать кнопку компонента в другом компоненте, и эти два компонента находятся в разных модулях

Я хочу вызвать кнопку компонента в другом компоненте, и эти два компонента находятся в другом модуле
0 ответов

Прогнозные изображения не отображаются

hy, Visual studio 2015. Angular 4+ проект Я думаю, что есть проблема с render потому что он даже не компилируется в тс. Как сделать изображение погоды? weather.template.html: <select id="Id" [(ngModel)]="coords" name="Id" (change)="getForecast(co…
2 ответа

Компонент transclude с встроенным шаблоном

Я использую Angular 2-RC3 и имею Component и я хочу применить transclusion, просто немного по-другому. Вот мой компонент: import { Component, Input } from '@angular/core'; @Component({ selector: 'my-list', template: `<ul> <li *ngFor="let it…
24 июн '16 в 09:57
1 ответ

Angular2 - служба не определена за пределами конструктора и ngOnInit?

Я ДОЛЖЕН делать что-то не так, но я понятия не имею, что... Я новичок Angular2, спотыкаясь о моем первом приложении ng2. Я пытаюсь получить доступ к методам в службе из компонента, но служба определяется только в constructor() и ngOnInit(), она возв…
2 ответа

Доступ к данным, переданным с помощью декоратора @Input

У меня есть дочерний компонент, который выглядит следующим образом Дочерний компонент @Component({ selector: 'child-component', //TemplateUrl, Styles and Providers }) export Class ChildComponent implements OnInit{ @Input() arrayToGet; //An array tha…
10 сен '17 в 07:21