# 플러그인 아웃렛에 컴포넌트 액션을 추가하는 방법?

**URL:** <https://meta.discourse.org/t/how-to-add-a-components-actions-into-a-plugin-outlet/215322>\
**Category:** Development\
**Created:** [1월 19, 2022, 12:36오후 UTC](https://meta.discourse.org/t/how-to-add-a-components-actions-into-a-plugin-outlet/215322 "2022-01-19T12:36:27Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![JQ331](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@JQ331](https://meta.discourse.org/u/JQ331)\
**Post date:** [1월 19, 2022, 9:09오후 UTC](https://meta.discourse.org/t/how-to-add-a-components-actions-into-a-plugin-outlet/215322/2 "2022-01-19T21:09:33Z")

</div>

이것의 기본적인 요점은 파악한 것 같습니다. 물론 다른 분들의 제안이 있다면 기꺼이 듣고 싶습니다.

플러그인 아웃렛에 액션과 기타 인수를 전달하려면, 컴포넌트 참조를 할 때와 마찬가지로 플러그인 아웃렛 참조에 추가할 수 있습니다.

다만, 올바른 인수를 전달하는지 주의하세요. 즉, 올바른 변수 참조를 전달하는 것입니다.

제 예를 들어 설명하겠습니다. **composer.hbs** 템플릿에 나타나는 컴포넌트 참조는 다음과 같습니다:

```plaintext
{{composer-action-title
       model=model
       openComposer=(action "openComposer")
       closeComposer=(action "closeComposer")
       canWhisper=canWhisper
       tabindex=8
  }}

```

이 참조를 플러그인 아웃렛 참조(`discourse가 변경됨에 따라 유지보수가 어려워지므로 템플릿 파일을 편집할 때는 주의해야 함`)로 대체하고, 플러그인 아웃렛 자체에서 composer-action-title 컴포넌트를 참조하도록 하려면, **composer.hbs** 에 다음을 넣을 수 있습니다:

```plaintext
{{plugin-outlet name="cool-outlet" args=(hash 
       model=model
       openComposer=(action "openComposer")
       closeComposer=(action "closeComposer")
       canWhisper=canWhisper
       tabindex=8
    )
}}

```

그리고 connectors/cool-outlet/ **cool-outlet.hbs** 에서, 다음 코드는 composer-action-title 컴포넌트를 참조하는 데 사용될 수 있습니다:

```plaintext
{{composer-action-title
       model=model
       openComposer=openComposer
       closeComposer=closeComposer
       canWhisper=canWhisper
       tabindex=8
  }}

```

여기서 변수들은 composer.hbs 파일에서 설정된 변수들입니다.

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-a-components-actions-into-a-plugin-outlet/215322)._