각도 2 동적 요소로 요소 가져 오기

Question

동적 ID로 요소의 값을 가져 오거나 업데이트하려면 어떻게해야합니까?

<input type="text" class="form-control" id="{{'lat' + ind}}" formControlName="lat"> 

내가

this.someService.getData().subscribe(
        (response) => {this.data = response.json() 
           this.lon = this.data.x; 
           this.lat = this.data.y; 
           this.ind = this.data.ind; 
           // UPDATE MY 'lat+ind' and 'lon+ind' HERE 
        }, 
        (error) => console.log('ERROR: ' + error) 
     ); 

Answer 1

는 각도에 대한 더 나은 솔루션있을 수 있습니다 서버 responce 후 동적 입력을 업데이트해야하기 때문에 내가 ngAfterViewInit() {}를 사용할 수 있지만 querySelector을 사용할 수 있습니다.

다음은 예입니다 :

const input = <HTMLInputElement>document.querySelector('#lat' + this.ind); 

input.value = 'value'; // set value 

편집

형태의 각도와 함께 작동 방법을 이해하는 https://angular.io/guide/forms을 읽어 보시기 바랍니다.

Answer 2

this.someService.getData().subscribe(
    (response) => { 
        this.ngZone.run(function() { 
         this.data = response.json() 
         this.lon = this.data.x; 
         this.lat = this.data.y; 
         this.ind = this.data.ind; 
        };) 
        }, 
(error) => console.log('ERROR: ' + error) 
); 

참고 : NgZone을 가져 와서 생성자에 삽입해야합니다.

서비스에서 보낸 응답을받은 후에도보기가 업데이트되지 않으므로이 작업을 수행해야합니다. 위 코드를 사용하면보기가 다시 열리고 업데이트 된 값이 ID에 게시됩니다.

lat와 ind가 아직 정의되지 않은 경우 템플릿이 처음에 게시됩니다. 그런 다음 서비스 호출을하고 응답을 받으면 각도 값을 말해서 새로운 값으로보기를 업데이트해야합니다.

참고 : 당신은 또한이