Вопросы с тегом «angular-components»

У меня есть ряд элементов, которые я хочу видеть при определенных условиях. В AngularJS я бы написал <div ng-show="myVar">stuff</div> Как я могу сделать это в Angular 2+?

570 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 { …

517 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являются двумя отдельными компонентами, их стили привязаны к собственной области видимости. В моем родительском …

266 css  angular  angular-components 

У меня есть компонент в Angular 2 под названием my-comp: <my-comp></my-comp> Как можно стилизовать хост-элемент этого компонента в Angular 2? В Polymer вы должны использовать селектор ": 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, в других модулях. Однако я получаю следующую ошибку: "Не перехвачено (в обещании): Ошибка: ошибки синтаксического анализа шаблона: "contacts-box" не является известным элементом: Если 'contacts-box' является компонентом Angular, убедитесь, что он является частью этого модуля. Если «contacts-box» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» в …

135 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({ …

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