구성 요소에서 변수를 업데이트 한 후 Angular가 업데이트되지 않음

debugcn 에 게시 Dev

다니엘 스티븐스

Angular 9를 사용하고 템플릿에서 사용하는 변수를 수정합니다. 하지만 안타깝게도 템플릿이 업데이트되지 않습니다. 누구나 Angular에게 내 구성 요소의 내용이 변경되었음을 알리는 일반적인 접근 방식을 설명 할 수 있습니까?

projects: any[] = [];
ngAfterViewInit(): void {
    this.actRoute.params.subscribe((params) => {
        this.electronService.foo.bar(
        .then((x) => {
            var history = x.y();

            history.on("begin", () => {
                this.projects.push('foo');
            });
            history.execute();
        });
    });
}

foo.component.html

<ul>
  <li *ngFor="let project of projects;">{{project}}</li>
</ul>

호르헤 무사 토

Angular는 "in memory"변수를 변경하지 않으면 변경 사항을 감지하지 않습니다. 귀하의 경우 동일한 변수를 푸시하는 것만으로는 변경 감지가 트리거되지 않습니다. this.projects = this.projects.slice()메모리 변수를 변경하고 변경을 트리거하려면 또는 이와 비슷한 방식을 사용해야합니다 . 그것이 당신을 적합하지 않는 경우가 주입처럼 사용할 수있는 다른 일이 있습니다 ChangeDetector다음 호출은ChangeDetector.detectChanges();

constructor(private cd: ChangeDetectorRef) {}

...
this.projects.push('foo');
this.cd.detectChanges();
...

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

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

에서 수정2021-04-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

구성 요소에서 변수를 업데이트 한 후 Angular가 업데이트되지 않음

구성 요소에서 변수를 업데이트 한 후 Angular가 업데이트되지 않음

REST 서비스에 데이터를 게시 한 후 구성 요소가 업데이트되지 않는 이유

redux 구조를 사용하여 작업을 실행 한 후 구성 요소가 react-native에서 업데이트되지 않음

React JS : setState를 호출 한 후 구성 요소가 업데이트되지 않음

값 변경 후 React 구성 요소가 업데이트되지 않음

한 구성 요소에서 MatTableDataSource도있는 다른 구성 요소로 리디렉션 한 후 Angular Material MatTableDataSource가 업데이트되지 않음

Angular에서 URL이 변경된 후 구성 요소가 업데이트되지 않습니다.

관련 데이터 변경 후 Vue 구성 요소가 즉시 업데이트되지 않음

React의 useEffect가 업데이트 저장소 후 구성 요소를 업데이트하지 않음

Apollo Client : 캐시 업데이트 후 구성 요소가 렌더링되지 않음 (반응 형 변수)

BLoC가 새 상태를 생성 한 후 BlocBuilder ()가 업데이트되지 않음

새 상태를 생성 한 후 Flutter 상태가 업데이트되지 않음

데이터베이스에서 레코드를 업데이트 한 후 Angular 2보기가 업데이트되지 않음

다른 구성 요소를 통해 속성을 업데이트 한 후 구성 요소가 Angular 2에서 렌더링되도록 트리거하는 방법은 무엇입니까? ngZone.run ()이 작동하지 않습니다.

부모의 상태가 변경된 후 ReactJS 자식 구성 요소가 업데이트되지 않음

Ract 기능 구성 요소가 상태 변경 후 업데이트되지 않음

CodeBuild Pipeline을 성공적으로 실행 한 후에도 Lambda 함수가 업데이트되지 않음

$ apply를 사용한 후에도 $ scope가 업데이트되지 않음

세그에서 데이터를 수신 한 후 View Controller가 업데이트되지 않음

CORS에 대한 구성 파일을 업데이트 한 후 Elasticsearch가 다시 시작되지 않음

데이터베이스에서 데이터를 성공적으로 검색 한 후 Medical ID Fragment가 업데이트되지 않음

자바 스크립트로 요소를 추가 한 후 래퍼 높이가 업데이트되지 않음

저장소에 데이터를 추가 한 후 EXT-JS UI가 업데이트되지 않음

Firebase에서 구성 요소를 제거한 후 구성 요소 업데이트

JHipster를 업데이트 한 후에는 각도 구성 요소가 제공되지 않고 루트 index.html 만 제공됩니다.

데이터를 배열로 푸시 한 후 Sate를 업데이트 할 때 React 기능 구성 요소가 렌더링되지 않습니다.

맵을 사용한 후 구성 요소가 업데이트되지 않는 이유는 무엇입니까?

<source> 요소의 src 속성을 수정 한 후 동영상이 업데이트되지 않음

<source> 요소의 src 속성을 수정 한 후 동영상이 업데이트되지 않음

SSHFS를 통해 변경 한 후 원격 웹 서버 페이지가 업데이트되지 않음