2017-02-09 2 views
1

난 그냥 새로운 각도 다트 구성 요소를 발견, 그래서 나는 그들에게이 방법 사용을 시도하셨습니다되었다각도 다트 구성 요소에 * deferredContent 지시문을 사용하는 방법은 무엇입니까?

<material-expansionpanel-set> 
     <material-expansionpanel *ngFor="let place of places" name="{{place.name}}" showSaveCancel="false"> 
     <div *deferredContent>{{place.name}}</div> 
     </material-expansionpanel> 
    </material-expansionpanel-set> 

가 나는 달랐다 방식으로 자동적으로 표시 할 DIV 내부의 요소를 기대 하였다. 어떻게 작동하는지 내가하지 않는 솔기 :. 사업부 내부의 문 (자연이, 내가 * deferredContent 사업부 내에서 전체 구성 요소를 넣어 단지 시험 계획입니다됩니다

이가 표시되지 않습니다 html로 내가 얻을.

<material-expansionpanel-set _ngcontent-toa-2=""> 
     <!--template bindings={}--><material-expansionpanel _ngcontent-toa-2="" showsavecancel="false" _nghost-toa-10=""> 
<div _ngcontent-toa-10="" class="panel themeable open" role="group" aria-label="myplace" aria-expanded="true"> 


    <!--template bindings={}--><header _ngcontent-toa-10="" buttondecorator="" role="button" class="" aria-label="Close myplace panel" tabindex="0" aria-disabled="false"> 
    <div _ngcontent-toa-10="" class="panel-name"> 
     <p _ngcontent-toa-10="" class="primary-text">myplace</p> 
     <!--template bindings={}--> 

    </div> 

    <div _ngcontent-toa-10="" class="panel-description"> 

    </div> 

    <!--template bindings={}--><glyph _ngcontent-toa-10="" buttondecorator="" class="expand-button" role="button" _nghost-toa-11="" tabindex="0" aria-disabled="false"><i _ngcontent-toa-11="" aria-hidden="true" class="material-icons">expand_less</i></glyph> 
    </header> 

    <main _ngcontent-toa-10="" class=""> 
    <div _ngcontent-toa-10="" class="content-wrapper"> 
     <div _ngcontent-toa-10="" class="content"> 

     <!--template bindings={}--> 

     </div> 
     <!--template bindings={}--> 
    </div> 

    <!--template bindings={}--><div _ngcontent-toa-10="" class="toolbelt"> 

    </div> 

    <!--template bindings={}--> 
    </main> 

</div> 
</material-expansionpanel> 
    </material-expansionpanel-set> 

아이디어가 구성 요소, 나는 꽤 속지 것 볼 때 DeferredContentAware을 구현하고, 통지를받을 경우 (우리가 수동으로 열고 들어서 닫을 이벤트 그 짓을 수 있기 때문에)

답변

2

material-expansionpanel*deferredContent.

몇 가지 간단한 질문 :

  • 당신이 당신의 directives: const [ ...]에서 DeferredContentDirective이 있습니까?

  • AngularDart의 어떤 버전을 사용하고 있습니까? 당신의 relply에 대한

+0

덕분에, 나는 지시가 자동으로합니다 (문서에있을 것입니다 그것이 지시가 MATERIAL_COMPONENT_DIRECTIVES에 포함되지 않은 것을 어떻게 방법에 의해) 재료 expansionpanel 구성 요소가 포함되는 것이라고 생각 I ngIf를 사용하여 수동으로 문제를 해결 했으므로 지시문을 추가하여 작동하는지 알려 드릴 수 없습니다. 최신 다트 다트를 사용하고 있습니다 –

+1

정확한 확인을 할 수 없으므로 정확한 답을 표시해 드리겠습니다. 나는 그것이 좋은 대답이라고 믿는다. –