2017-10-20 2 views
1

JavaScript 및 Polymer의 새로운 기능입니다. PWA 개념을 좋아하지만 지금은 몇 가지 장애물이 있습니다. 폴리머 양방향 데이터 바인딩 및 Facebook 콜백

  1. 나는 polymerfire <firebase-auth>를 사용하려하고 구글 제공자 로그인을 할 수 있었다. 하지만 페이 스북 공급자 로그인을하는 법을 모르고 페이스 북 로그인을 자바 스크립트로 제공하고자 할 때 태그를 사용하는 방법을 찾지 못했습니다. 누군가가 저를 일하는 근원으로 안내하면 나는 그 질문의 제 2 부를 필요로하지 않을 것입니다.

  2. 그래서 그래프 API FB.login()을 통해 페이스 북 로그인을 시도했습니다. FB.login() 콜백을 가지고 있으며, 나는 response.name, public_profile을 추출 할 수 없습니다와 내가 성공적으로 로그인에 FB.login() 콜백을 종료 즉시, 나는 잃을 것으로 나타났습니다 {{user}}var userName = response.name; and then this.user = {displayName : userName};

처럼 말하는 속성 폴리머로 설정 'this.user'객체에 대한 콜백에서 변경된 사항.

제 질문은 - 저는 폴리머에서 양방향 바인딩 작업을 할 수 없습니다. 하위 요소의 개체를 어떻게 변경하고 모든 페이지/고분자 요소로 전파 할 수 있습니까?

답변

0

하위 요소의 개체를 어떻게 변경하고 모든 페이지/폴리머 요소로 전파 할 수 있습니까?

글쎄 실제로 모든 페이지를 설정하는 방법에 따라 다릅니다. 부모 클래스에 있으면 함수, 변수 및 객체를 구성 요소에 전달하여 자식 요소에 전달할 수 있습니다.

<ChildElement details={{_details}}/> // If you want to pass a details object to the child 
<ChildElement sqft={{square(size)}}/> // This will call the square function inside your ChildElement and pass in the parameter size 

자녀의 함수를 호출 할 후자를 사용하는 함수는 범위 내에서 모든 요소에 액세스 할 수 있습니다.

자녀가있는 경우 부모에서 무언가를 변경하려면 this.fire (someFunction())를 사용하여 콜백을 수행 한 다음 부모에서 같은 이름의 함수를 만듭니다. 부모님이나 자녀, 또는 그 반대로 만 지나갈 때 너무 나쁘지는 않습니다. 그러나 모든 곳을 지나가고 있다면 어떤 종류의 국가 관리를 조사하고 싶을 것입니다. 한 곳에서 다른 곳으로 물건을 건네면 정말 빨리 못 생길 것입니다.

+0

환상적입니다. 그것은 효과가 있었다. 귀하의 회신에 감사드립니다. –

관련 문제