Angular 2
각도 2의 기본 웹 구성 요소 사용

AngularJS CSS firebase HTML ionic2 ionic-framework JavaScript jQuery Node.js TypeScript

비고

Angular 2 템플릿에서 웹 구성 요소를 사용하면 angle은 웹 구성 요소의 사용자 정의 태그와 일치하는 선택기가있는 구성 요소를 찾으려고 시도합니다. 물론이 구성 요소는 오류를 발생시킬 수 없습니다.

솔루션은 구성 요소를 보유하는 모듈에서 "사용자 정의 요소 스키마"를 가져 오는 것입니다. 이렇게하면 각도 맞춤이 모든 구성 요소 선택 도구와 일치하지 않는 모든 맞춤 태그를 허용하게됩니다.

모듈에 맞춤 요소 스키마 포함

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AboutComponent } from './about.component';

@NgModule({
    imports: [ CommonModule ],
    declarations: [ AboutComponent ],
    exports: [ AboutComponent ],
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})

export class AboutModule { }

템플릿에서 웹 구성 요소 사용

import { Component } from '@angular/core';

@Component({
  selector: 'myapp-about',
  template: `<my-webcomponent></my-webcomponent>`
})
export class AboutComponent { }

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow