Ember 템플릿 규칙

Question

Discourse에서 EmberJS 템플릿 규칙을 이해하려고합니다. 다음

{{#discovery-categories refresh="refresh"}} 
    {{component controller.categoryPageStyle 
       categories=model.categories 
       latestTopicOnly=controller.latestTopicOnly 
       topics=model.topics}} 
    {{!-- my-template --}} 
{{/discovery-categories}} 

discovery-categories 및 component의 의미는 무엇입니까 app/assets/javascripts/discourse/templates/discovery/categories.hbs에서 조각이야? 예를 들어 my-template을 삽입하여 categories.hbs을 확장하려면 템플릿을 사용하여 파일을 만드는 데 사용해야하는 규칙은 무엇입니까?

Answer 1

1. discovery-categories 구성 요소의 이름을 사용하여 정적이라고 인 구성 요소의 이름이다.

2. 두 번째 줄에서 'component'는 속성 controller.categoryPageStyle을 통해 지정된 이름을 사용하여 구성 요소를 동적으로로드하는 템플릿 도우미입니다.

3.my 템플릿은 항복 경우 구성 요소 discovery-categories의 컨텍스트를 가질 수 수율 블록이다. 예 : discovery-categories 당신은 내가`[discours] (http://www.discourse.org/) SRC 코드 발견 - categories` 구성 요소를 찾을 수 없습니다

{{#discovery-categories refresh="refresh" foo="Some Text"}} 
    {{component controller.categoryPageStyle 
       categories=model.categories 
       latestTopicOnly=controller.latestTopicOnly 
       topics=model.topics}} 
    {{foo}} 
{{/discovery-categories}}