personInvolved 컴포넌트가 있습니다. 이 구성 요소에는 personDetails 구성 요소가 있습니다. personInvolved 구성 요소에 버튼이 있습니다. 내가 DOM에 personDetails를 추가해야하는 버튼의 Onclick. 클릭 할 때마다 personDetails 구성 요소를 추가해야합니다. 이것을 어떻게 할 수 있습니까?angular2의 버튼을 클릭하면 dom에 컴포넌트를 추가합니다.
4
A
답변
11
사용 ngFor :
persons: Array<Person> = [];
addPerson() {
this.persons.push(new Person());
}
+0
여기 personDetails는 templateURL을 가진 다른 구성 요소입니다. personInvolved 구성 요소에서 addperson 버튼을 클릭하면 personDetails를 추가해야합니다. 처음으로
+0
여기에 새로운 Person() 메소드는 무엇입니까? –
+0
Working .. Thanks –
관련 문제
- 1. dom에 SVG 문자열을 추가합니다.
- 2. 안드로이드 버튼을 클릭하면 listviewitem에 이미지를 추가합니다.
- 3. sproutcore에서 버튼을 클릭하면 텍스트 필드를 추가합니다
- 4. 추가 버튼을 클릭하면 목록 상자에 데이터를 동적으로 추가합니다.
- 5. 하나의 AngularJS 지시문을 클릭시 DOM에 다른 지시문을 추가합니다.
- 6. AngularJS에서 DOM에 동적으로 svg를 추가하고 조작하고 추가합니다.
- 7. ng-model은 문자열이 아닌 dom에 요소를 추가합니다.
- 8. angularjs 지시문을 dom에 추가합니다. html 값
- 9. jQuery width 메서드가 DOM에 패딩 + 마진을 추가합니다.
- 10. AnyTime datepicker는 클리어 버튼을 추가합니다
- 11. Django는 버튼을 클릭하여 텍스트를 추가합니다.
- 12. 안드로이드는 단편에 버튼을 추가합니다.
- 13. 라디오 버튼을 동적으로 추가합니다.
- 14. 플렉스 - 포함 된 컴포넌트를 클릭하면 컨테이너에서 클릭 이벤트가 발생하지 않습니다.
- 15. WPF Datagrid가 datarowheader에 버튼을 추가합니다.
- 16. 클릭하면 돌아 가기 기능을 추가합니다. -ios
- 17. 버튼을 클릭하여 텍스트 뷰를 동적으로 추가합니다.
- 18. 버튼을 클릭하면 오디오가 재생되고 다른 버튼을 클릭하면 새로운 오디오가 재생됩니다.
- 19. 버튼을 클릭하면 HTML이로드됩니다. GWT
- 20. 입력 버튼을 클릭하면, 액션
- 21. 버튼을 클릭하면 팝업이 생성됩니다.
- 22. 버튼을 클릭하면 배경색이 변경됩니다.
- 23. 버튼을 클릭하면 번호가 저장됩니다.
- 24. 버튼을 클릭하면 exe_bad_action이됩니다.
- 25. 버튼을 클릭하면 EpandableListView가 펼쳐집니다.
- 26. 버튼을 클릭하면 화요일에
- 27. 클릭하면 플래시에서 버튼을 숨기려고합니다.
- 28. 버튼을 클릭하면 변형됩니다. as3
- 29. 버튼을 클릭하면 새로운보기가 렌더링됩니다.
- 30. 버튼을 클릭하면 화면이 변경됩니다.
이 구성 요소를 제거하고 다시 때마다 그것을 만드시겠습니까 :
그리고 구성 요소 코드에
? 또는 모든 클릭에 인스턴스를 계속 추가 하시겠습니까? –매번 해당 구성 요소 템플릿 URL을 추가하고 싶습니다. –
다음 @JB Nizet의 아래 답변은 취해야 할 접근법입니다. –