동적으로 업데이트 한 후의 범위 값 업데이트 텍스트 상자

Question

AngularJS 사용자가 팝업에서 그리드의 값을 선택하고 선택한 값이 컨테이너 페이지의 텍스트 상자에 표시되는 시나리오가 있습니다. 사용자가 값을 선택하면 팝업이 컨테이너 페이지에 캡처 된 이벤트를 발생시킵니다. 이제 .val()을 사용하여 텍스트 상자의 값을 설정할 수 있지만 어떻게 모델을 업데이트합니까? 이 텍스트 상자를 유의하시기 바랍니다

<input type="text" value="" id="ServiceManagerglookup" ng-model="Model.Person2.Name" /> 
<label id="ServiceManagerglookup_inlinelbl" ng-model="Model.Person2.Name">ABC</label> 

는, 예를 들어 범위에서 임의의 필드에 바인딩 할 수 있습니다 여기에

$scope.$on('rowSelectedInPopup', function (event: ng.IAngularEvent, ...data) { 
    if (elementId === data[1].toString()) { 
     $(elementId).val(data[0].toString()); 
     $(elementId + "_inlinelbl").html(data[0].toString()); 
    } 
}); 

내 텍스트 상자 및 레이블 HTML입니다 값이이 입력 청취자의 트리거링이

$scope.$on('rowSelectedInPopup', function (event: ng.IAngularEvent, ...data) { 
    if (elementId === data[1].toString()) { 
     $(elementId).val(data[0].toString()); 
     $(elementId + "_inlinelbl").html(data[0].toString()); 
     $(elementId).trigger('input'); 
    } 
}); 

처럼

$(elementId).trigger('input');

를 사용하여 변경할 것을 당신은 또한 각도 알릴 필요 값을 변경 게다가 Model.AVC.XYZ.LMN

Answer 1

일반적으로 브라우저에서 수행되므로 모델을 직접 변경하면 이벤트를 트리거해야합니다.