2
일부 폴리머 필기 용지 요소를 사용하여 구성 데이터를 로컬 스토리지에 저장하는 설정 페이지를 표시하고 싶습니다 (결국 크롬 확장으로 이동하게됩니다). 이것은 쉬운 것처럼 보입니다.종이 요소와 로컬 스토리지로 폴리머 데이터 바인딩
this Polymer Data Binding article에 대한 이해에서, 난 그냥 같은 데이터 바인딩 생성 할 수 있어야한다 :
options.html을
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Options</title>
<!-- Polymer -->
<script src="../bower_components/platform/platform.js"></script>
<link rel="import" href="../bower_components/paper-toggle-button/paper-toggle-button.html">
<link rel="import" href="../bower_components/core-localstorage/core-localstorage.html">
</head>
<body>
<paper-toggle-button checked="{{bar}}"></paper-toggle-button>
<core-localstorage name="foo" value="{{bar}}"></core-localstorage>
</body>
</html>
그러나 foo 값은 로컬 저장소에 저장되지 않는 , 크롬 개발자 도구를 사용하여 검사 할 때 토글 버튼의 확인 상태가 페이지로드 사이에 기억되지 않습니다.
정확히 paper-toggle-button documentation을 읽고 있다면 체크 된 속성이 게시되어 있으므로 바인딩 할 수 있어야한다고 생각합니다.
paper-toggle-button과 core-localstorage 요소가 모두 ../bower_components/ 폴더에 있는지 확인할 수 있습니다. paper-toggle-button이 페이지에 나타나고 클릭하면 움직입니다. 그러면 요소가로드되어 실행되고 있다고 생각하게됩니다.
나는 확실한 것이 빠졌지 만, 그것이 무엇인지는 볼 수 없으며 전에 Polymer를 사용한 적이 없기 때문에 더 잘 알지 못합니다.