«angular-components» 태그된 질문

특정 조건에서 볼 수있는 여러 요소가 있습니다. AngularJS에서 나는 쓸 것이다. <div ng-show="myVar">stuff</div> Angular 2 이상에서 어떻게 할 수 있습니까?

570 angular  angular-components  angular-template 

구성 요소 템플릿에 정의 된 요소를 얻는 방법을 아는 사람이 있습니까? 폴리머는 $and로 정말 쉬워집니다 $$. Angular에서 어떻게 진행해야하는지 궁금했습니다. 튜토리얼에서 예제를 보자. import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { myName: string = "Aman"; updateName(input: String) { …

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> Angular 2 에서이 구성 요소의 호스트 요소를 어떻게 스타일링합니까? Polymer에서는 ": host"선택기를 사용합니다. Angular 2에서 시도했지만 작동하지 않습니다. :host { display: block; width: 100%; height: 100%; } 또한 구성 요소를 선택기로 사용하려고 시도했습니다. my-comp { display: block; width: 100%; height: 100%; } 두 …

189 css  angular  css-selectors  angular-components 

폴더 이름, .css, .ts, spec.ts 및 app.module.ts와 같은 모든 구성 요소 파일을 수동으로 편집하는 것 외에 Angular CLI로 구성 요소의 이름을 바꾸는 바로 가기가 있습니까?

178 angular  angular-cli  rename  angular-components 

다른 모듈의 AppModule 내부에서 만든 구성 요소를 사용하려고합니다. 그래도 다음과 같은 오류가 발생합니다. "미 발견 (약속) : 오류 : 템플릿 구문 분석 오류 : 'contacts-box'는 알려진 요소가 아닙니다. 'contacts-box'가 각도 컴포넌트 인 경우이 모듈의 일부인지 확인하십시오. 'contacts-box'가 웹 구성 요소 인 경우이 메시지를 표시하지 않으려면이 구성 요소의 '@ NgModule.schemas'에 '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 ], imports: …

131 angular  angular-components  angular-module 

호출하려는 메서드가있는 자식 구성 요소를 만들었습니다. 이 메서드를 호출하면 console.log()줄만 실행 하고 test속성을 설정하지 않습니까 ?? 아래는 변경 사항이 적용된 빠른 시작 Angular 앱입니다. 부모의 import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` }) export …

130 angular  typescript  angular-components 

ng-contentAngular 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및 헤더 select에 렌더링하려고합니다 ng-content. <div …

95 angular  angular6  angular-components  ng-content