보기에 공장에서 변수를 바인딩하는 방법

Question

나는 그물을 통해 나의 쿼리를 검색했다. 나는 어떤 대답을 찾았지만, 내가 무엇을 찾고 있는지를 알지 못했다. 그래서 나는 여기에 올리고있다.

위험이라는 이름의 개체가있는 팩토리가 있습니다.

angularApp.factory('RiskMinderFactory', function(){ 

var risk = { 
     a: '', 
     b: '', 
     c: '', 

}; 

}); 

나는 내가 입력으로 폼 객체를 받아 DOM 요소에 약간의 수정을 만드는 타사 자바 스크립트가 나의 오래된 응용 프로그램에서 JSP를

<form> 
    <input id="input_3" name= "a" value={{risk.a}} /> 
    <input id="input_4" name= "b" value={{risk.b}} /> 
</form> 

을하는 볼 수 있습니다.

제 3 자 javscript가 일부 DOM을 변경하면이 값을 팩토리 객체에 반영해야합니다.

어떻게하면됩니까?

Answer 1

우선 범위와 해당 서비스를 주입 할 컨트롤러가 필요합니다. 그러나 특정 뷰를 담당하는 컨트롤러에 해당 서비스를 삽입하면 범위에 반환하는 데이터를 추가하면 해당 값을 뷰에서 사용할 수 있어야합니다. 컨트롤러에서 다음

angularApp.factory('RiskMinderFactory', function(){ 

    var risk = { 
    a: '', 
    b: '', 
    c: '', 
    }; 

    return { 
    getData: function() { 
     return risk; 
    } 
    }; 

}); 

angularApp.controller('SpecialController', function ($scope, RiskMinderFactory) { 
    $scope.risk = RiskMinderFactory.getData(); 
});