모서리 다트 구성 요소를 사용하여 생성자를 호출하는 대신 자체 인스턴스를 제공하십시오

Question

모서리 다트에서는 here처럼 사용자 고유의 구성 요소를 만들 수 있습니다. 이 같은 HTML에서 사용자 정의 태그를 사용하는 경우 :

<rating></rating> 

각도

)이 경우 새로운 RatingComponent (년, 평가와 관련된 클래스의 생성자를 호출하여 구성 요소를 만들 것이다 (내가 틀리지 않는 경우).

나는 당신이 그것을 통제 할 수있는 속성을 추가 할 수 있다는 것을 알고 있지만, 생성자를 호출하는 대신에 자신 만의 인스턴스를 제공 할 수 있는지 궁금합니다. 내가 메인 컨트롤러의 버튼의 목록이있는 경우, 어떻게 이런 일 달성하기 위해 무엇을 : 나는 내가 뭔가를 분명 누락 느낌이

<div ng-repeat='b in ctrl.buttonList'> 
    <fancy-button instance='b'></fancy-button> 
</div> 

을,하지만 난 주위에 검색 않았고 답을 찾을 수 없습니다 .

편집 : (추가 설명이 필요함) : 생성자의 호출에 영향을 미치거나 무시할 수있는 경우에 따라 달라집니다. 그것은 단지 html을 생성하는 것이고, 컴포넌트를 사용하지 않고 (아래처럼) 메인 컨트롤러를 사용하여 html을 생성하기 쉽지만 가능하다면 샌드 박스를위한 shadow-dom을 가지고 있으므로 가능한 한 컴포넌트를 사용하고 싶습니다. CSS.

<div ng-repeat='b in ctrl.buttonList'> 
    <input type='button' class='fancy' value='{{b.label}}'></input> 
</div> 

Answer 1

당신은

<div ng-bind-html='ctrl.html'></div> 

같은 당신이 컨트롤러에 의해 HTML을 제공 할 수있는이 방법을 원한다.

ng-bind-html의 사용 된 NodeValidator가 아직 사용자 정의 태그를 허용하지 않기 때문에 NgBindHtmlDirective (몇 라인 만)를 직접 구현해야합니다.

어쩌면 더 세련된 방법이 있을지 모르지만 저는 Angular를 아직 잘 모릅니다.

=== 편집 ===

나는 무엇을 당신이하려고하는 것은 Angularish하지라고 생각합니다. 고급 버튼 또는 입력의 속성에 대한 값을 제공하는 모델에서 반복 할 수 있습니다. 구성 요소 클래스에서 이러한 특성에 액세스 할 수 있으며 해당 특성에 따라 동작과 모양을 만들 수 있습니다.

ng-bind-html을 사용하면 개발시 어떤 종류의 태그를 사용할지 알지 못하는 경우 코드를 사용하여 마크 업을 만들 수 있습니다.