Angular 9에서 onInit 함수를 트리거하는 방법

Eric Mitjans

현재 버튼 클릭에 의해 트리거되는 다음 기능이 있습니다.

export class ExhibitorDetailsComponent implements OnInit {

  @ViewChild(MapInfoWindow, { static: false }) infoWindow: MapInfoWindow

  openInfo(marker: MapMarker, content) {
    this.infoWindow.open(marker)
  }

  markers = [{
    position: {
      lat: 52.550267,
      lng: 13.4367754,
    },
    label: {
      color: ''
    },
    title: 'Marker title ',
    clickable: true,
    options: {  },
  }]

  constructor(

  ) { }

  ngOnInit(): void {


  }

}

클릭시 트리거되는보기 :

<google-map>
   <map-info-window>{{exhibitor.doc.galleryname}}</map-info-window>

   <map-marker #markerElem 
               *ngFor="let marker of markers" 
               (mapClick)="openInfo(markerElem)">
   </map-marker>
</google-map>

클릭 이벤트없이 페이지로드시 직접 함수를 트리거하려고합니다. AngularJS에서 나온 첫 번째 아이디어는와 비슷한 것을 찾는 것이 ng-init="openInfo(markerElem)"었지만 현대 앵귤러에서는 작동하지 않는 것 같습니다.

나는 또한 ngOnInit 함수에 함수를 추가하려고 시도했지만 작동하지 않습니다.

포인터가 있습니까?

FedMice

Angular가 구성 요소의 뷰 및 자식 뷰 메서드를 초기화 한 후 응답하는 ngAfterViewInt에 있어야합니다. ngOnInit 메서드를 호출 할 때 뷰가 아직 렌더러가 아니므로 this.infoWindow가 정의되지 않았기 때문입니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular 9에서 Enter 키를 눌러 버튼을 트리거하는 방법

분류에서Dev

로드시 ng-view의 컨트롤러에서 함수를 트리거하는 방법-Angular

분류에서Dev

Angular 9 구성 요소 단위 테스트에서 가짜 함수를 호출하는 방법

분류에서Dev

Angular js의 다른 컨트롤러에서 하나의 컨트롤러 함수를 호출 / 트리거하는 방법

분류에서Dev

Angular 지시문에 대한 단위 테스트에서 클릭 이벤트를 트리거하는 방법

분류에서Dev

Python Cloud 함수에서 Cloud Build를 트리거 / 호출하는 방법

분류에서Dev

백본보기 개념에서 함수를 트리거하는 방법

분류에서Dev

Angular 2에서 새 옵션을 선택할 때마다 함수를 트리거하는 방법은 무엇입니까?

분류에서Dev

Angular 7에서 API 함수 호출 서비스를 관리하는 방법

분류에서Dev

정리 함수에서 리스너를 제거하는 방법

분류에서Dev

Angular2에서 특정 키 입력 만 트리거하도록 이벤트를 지정하는 방법

분류에서Dev

Angular scrollOffset 함수에 서비스를 삽입하는 방법

분류에서Dev

typescript (Angular)에서 동기 함수를 구현하는 방법

분류에서Dev

Angular 10에서 body onload JavaScript 함수를 호출하는 방법

분류에서Dev

Angular 지시문에서 함수를 호출하는 방법

분류에서Dev

Angular에서 10 초마다 함수를 호출하는 방법

분류에서Dev

Dart Angular에서 컴포넌트에 함수를 전달하는 방법

분류에서Dev

Angular에서 토글 이벤트를 제거하는 방법

분류에서Dev

Angular에서 차트를 완전히 제거하는 방법

분류에서Dev

하루에 한 번 함수를 트리거하는 방법-Objective C

분류에서Dev

Angular 단위 테스트에서 $ routeChangeSuccess를 모의 / 트리거하는 방법은 무엇입니까?

분류에서Dev

Angular2에서 스팬 또는 앵커 태그를 클릭 할 때 mdmenu를 트리거하는 방법

분류에서Dev

kproto 함수에서 jaccard 거리를 구현하는 방법

분류에서Dev

Angular8 / Material을 사용하여 mat-select에서 Select All 트리거를 추가하는 방법

분류에서Dev

Angular 애플리케이션에서 메모리 누수를 줄이거 나 제거하는 방법

분류에서Dev

Angular 9에서 automapper-ts를 가져 오는 방법

분류에서Dev

Angular에서 JSON 객체를 함수 매개 변수로 저장하는 방법

분류에서Dev

반응에서 스크롤 이벤트에 대한 함수를 트리거하는 방법

분류에서Dev

Angular7에서 영숫자 및 특수 문자에 대해서만 keydown 이벤트를 트리거하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Angular 9에서 Enter 키를 눌러 버튼을 트리거하는 방법

  2. 2

    로드시 ng-view의 컨트롤러에서 함수를 트리거하는 방법-Angular

  3. 3

    Angular 9 구성 요소 단위 테스트에서 가짜 함수를 호출하는 방법

  4. 4

    Angular js의 다른 컨트롤러에서 하나의 컨트롤러 함수를 호출 / 트리거하는 방법

  5. 5

    Angular 지시문에 대한 단위 테스트에서 클릭 이벤트를 트리거하는 방법

  6. 6

    Python Cloud 함수에서 Cloud Build를 트리거 / 호출하는 방법

  7. 7

    백본보기 개념에서 함수를 트리거하는 방법

  8. 8

    Angular 2에서 새 옵션을 선택할 때마다 함수를 트리거하는 방법은 무엇입니까?

  9. 9

    Angular 7에서 API 함수 호출 서비스를 관리하는 방법

  10. 10

    정리 함수에서 리스너를 제거하는 방법

  11. 11

    Angular2에서 특정 키 입력 만 트리거하도록 이벤트를 지정하는 방법

  12. 12

    Angular scrollOffset 함수에 서비스를 삽입하는 방법

  13. 13

    typescript (Angular)에서 동기 함수를 구현하는 방법

  14. 14

    Angular 10에서 body onload JavaScript 함수를 호출하는 방법

  15. 15

    Angular 지시문에서 함수를 호출하는 방법

  16. 16

    Angular에서 10 초마다 함수를 호출하는 방법

  17. 17

    Dart Angular에서 컴포넌트에 함수를 전달하는 방법

  18. 18

    Angular에서 토글 이벤트를 제거하는 방법

  19. 19

    Angular에서 차트를 완전히 제거하는 방법

  20. 20

    하루에 한 번 함수를 트리거하는 방법-Objective C

  21. 21

    Angular 단위 테스트에서 $ routeChangeSuccess를 모의 / 트리거하는 방법은 무엇입니까?

  22. 22

    Angular2에서 스팬 또는 앵커 태그를 클릭 할 때 mdmenu를 트리거하는 방법

  23. 23

    kproto 함수에서 jaccard 거리를 구현하는 방법

  24. 24

    Angular8 / Material을 사용하여 mat-select에서 Select All 트리거를 추가하는 방법

  25. 25

    Angular 애플리케이션에서 메모리 누수를 줄이거 나 제거하는 방법

  26. 26

    Angular 9에서 automapper-ts를 가져 오는 방법

  27. 27

    Angular에서 JSON 객체를 함수 매개 변수로 저장하는 방법

  28. 28

    반응에서 스크롤 이벤트에 대한 함수를 트리거하는 방법

  29. 29

    Angular7에서 영숫자 및 특수 문자에 대해서만 keydown 이벤트를 트리거하는 방법은 무엇입니까?

뜨겁다태그

보관