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

У мене є ряд елементів, які я хочу бути видно за певних умов. В AngularJS я б писав <div ng-show="myVar">stuff</div> Як я можу це зробити в кутовій 2+?

569 angular  angular-components  angular-template 

Хтось знає, як влаштувати елемент, визначений у шаблоні компонента? Полімер робить це дуже легко за допомогою $та $$. Мені було просто цікаво, як це зробити в Angular. Візьміть приклад з підручника: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent …

516 angular  typescript  angular-components 

У мене є батьківський компонент: <parent></parent> І я хочу заселити цю групу дочірніми компонентами: <parent> <child></child> <child></child> <child></child> </parent> Батьківський шаблон: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Дочірній шаблон: <div class="child">Test</div> Так як parentі childв двох окремих компонентів, їх стилі замикаються у своїй власній області. У своєму …

264 css  angular  angular-components 

У мене є компонент у Angular 2, який називається my-comp: <my-comp></my-comp> Як один стиль є головним елементом цього компонента в куті 2? У полімері ви використовуєте селектор ": host". Я спробував це в Angular 2. Але це не працює. :host { display: block; width: 100%; height: 100%; } Я також …

189 css  angular  css-selectors  angular-components 

Чи є ярлик для перейменування компонента за допомогою Angular CLI, крім того, щоб вручну редагувати всі компоненти компонентів, такі як ім'я папки, .css, .ts, spec.ts та app.module.ts?

178 angular  angular-cli  rename  angular-components 

Я намагаюся використовувати компонент, створений мною в AppModule, в інших модулях. Я отримую таку помилку: "Uncaught (в обіцянні): Помилка: помилки аналізу шаблону: "вікно контактів" не є відомим елементом: Якщо "вікно контактів" є кутовим компонентом, переконайтеся, що воно є частиною цього модуля. Якщо "вікно контактів" - це веб-компонент, додайте "CUSTOM_ELEMENTS_SCHEMA" до …

134 angular  typescript  angular-components  angular-module 

Я працюю над Ionicдодатком ( 2.0.0-rc0), від якого залежить angular 2. Тож нове введення ngModulesвключено. Я додаю своє app.module.ts.нижче. import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ declarations: [ MyApp, Users ], …

131 angular  angular-components  angular-module 

Я створив дочірній компонент, у якому є метод, до якого потрібно звернутися. Коли я викликаю цей метод, він запускає лише console.log()рядок, він не встановить testвластивість ?? Нижче наведено швидкий запуск програми Angular зі своїми змінами. Батьківський import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: …

130 angular  typescript  angular-components 

Я намагаюся створити власний компонент, використовуючи декілька 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і заголовок …

95 angular  angular6  angular-components  ng-content