2017-10-03 2 views
0

내 Angular 4 앱에서 localstorage에 배열을 저장하고 검색하기 위해 초보적인 것을 놓치고 있습니다.각도 2의 localstorage에서 배열 저장/검색

{"qoption":"Trap Surveyor (<em>Competency for CM OAP<\/em>)"} 

에 의해 로컬 스토리지에 저장 :

이 앱으로 aToDo라는 '어떤'입력 변수로 서버에서 배열을 검색

그것은으로 로컬 스토리지에서 검색 한 것
localStorage.setItem('aToDo',JSON.stringify(this.aToDo)); 

:

this.aToDo = JSON.parse(localStorage.getItem('aToDo')); 

this.aToDo의 console.log는 다음을 표시합니다.

{"qoption":"Trap Surveyor (<em>Competency for CM OAP<\/em>)"} 

그러나이 단계에 의해는 일이 로깅 this.aToDo.qoption 수익률 '정의'와이 * ngFor 욕 오류가 배열의 내용을 나열 생성에 사용 된 박제 :

Error: Cannot find a differ supporting object '{"qoption":"Trap Surveyor (<em>Competency for CM OAP<\/em>)"}' of type 'string'. 

어디 내 오류? 감사합니다/톰

답변

2

두 가지 :

  1. 을 console.log를 출력 그것이 리턴 기능 아니기 때문에 귀하의 출력과 함께 기본적으로 "정의되지 않은". 그건 정상입니다.
  2. aToDo는 개체가 아니라 배열입니다. 객체에 ngFor를 사용할 수 없습니다.
+0

나에게 진입 해 주셔서 감사합니다. 마침내 objectKeys (aToDo)를 인터럽트하여 원하는 시점에 도달했습니다. 환호/T – TomBaine

+0

당신은 환영과 행운을 빕니다 :) –