크롬 앱에서 변수가 Chrome 저장 API를 사용하여 업데이트되지 않습니다.

Question

코드 조각에 어려움을 겪고 있습니다. 나는 자바 스크립트에 익숙하지 않고 며칠 째를 찾고 있었고 답을 찾을 수 없습니다.

저는 오프라인 사용을위한 정보가있는 두 개의 객체를 저장하기 위해 AngularJs와 Chrome Storage API를 사용하여 Chrome 앱을 작성하고 있습니다. Chrome 스토어에 데이터를 성공적으로 기록했으며 검색 한 경우에도 유일한 문제는 가져온 데이터를 저장하는 변수가 내 HTML 페이지를 업데이트하지 않는다는 것입니다.

이

내가 이전에 크롬 스토리지 API와에 저장된 데이터를 얻기 위해 사용하고 코드입니다 :

chrome.storage.local.get(null, function(result){ 

     app.headers = result.headersData; 
     console.log('Headers recuperados'); 
     console.log(app.headers); 

     app.maestros = result.maestrosData; 
     console.log('Maestros recuperados'); 
     console.log(app.maestros); 
    }); 

내 html 파일은 {{controller.maestros을}}이와 로그 데이터를 보여줍니다 검색되었지만 표시된 데이터에는 반영되지 않습니다.

미리 감사드립니다.

Answer 1

$ scope에 두 개의 vaue를 저장하고 html 요소에 바인딩하도록 표시해서는 안됩니까? 예 : 콜백이 각도의 컨텍스트 외부에서 실행된다는 사실 주어진,이 같은 것을 보일 것이다

$scope.$apply(function() {... your assignments here...}) 

코드와 과제를 마무리해야 할 수도 있습니다 염두에

$scope.maestros = result.maestrosData 

곰을 :

chrome.storage.local.get(null, function(result){ 

    $scope.$apply(function() { 
    $scope.headers = result.headersData; 
    $scope.maestros = result.maestrosData; 
    } 

}); 당신은 UI에 업데이트를 볼 수이

<input ng-model="maestros"> 

같은 것을함으로써, 그 값을 업데이트하는 각도 강제로 HTML 파일에서해야

.

희망이 있습니다.