Polymer의 웹 Component에서 string형 이외의 속성을 사용할 때의 TIPS

3061 단어 Polymer
며칠 전 웹 컴퍼니에 관한 @aggre씨의 보도가 투고되었다.
아주 좋은 내용인데 꼭 읽어주세요.
그리고 그 서비스Double O에는 다음과 같은 질문이 있습니다.
대응하는 것을 삽입하지 않았기 때문에 그림으로 붙여넣습니다.
"Web Components만 지원"

좋은 질문하고 대답해.

근데 댓글을 달아보고 싶어요.


string형 이외의 속성을 전달할 수 있습니까?내 생각에는 이렇다.도메인 의존성을 배제하고 string형 이외의 장면을 전달해야 한다는 것을 감안하면 Polymer를 사용하는 필연성이 없다
그렇습니다. 그렇다면 Polymer가 웹 Component를 제작하여 공개했을 때string 유형이 아닌 속성은 어떻게 사용합니까?
Polymer로 Custom Element을 만들면 애플리케이션도 반드시 Polymer로 만들어야 하나요?
누가 불안하겠지?내 생각엔

안심하세요. 저것은 사용할 수 있어요!


어떻게 써요?


그렇다면 어떻게 Polymer역이 아닌 곳에서 Polymer가 만든 웹 Component 비string형의 속성에 대해 값을 전달합니까?
답안은 "Polymer 안 써요?"실제 페이지에 쓰여 있다.
공식 문서: Attribute deserialization도 있습니다.

간단한 예


string형 이외의 간단한 예를 소개하다.

boolean


Polymer에서 boolean의 속성manager으로 정의되었을 때Scottmanager이고 Bob는 비 관리자이다.
boolean을 쓸 때 속성 이름을 쓰고, boolean 값을 쓰지 않으면 진짜나 가짜가 됩니다.
<x-custom user="Scott" manager></x-custom>
<x-custom user="Bob"></x-custom>

array or object


배열 또는 JSON 객체로 정의된 속성이 있는 경우 JSON.stringify 결과로 지정된 문자열은 자동으로 Polymer 측에서 aray 또는 object로 변환됩니다.
<my-element book='{ "title": "Persuasion", "author": "Austen" }'></my-element>
<my-element colors='["red", "green", "blue"]'></my-element>

최후


웹 Components를 시작할 때 프레임워크를 사용하지 않아도 되지만 최초의 단서로 Polymer 같은 프로그램 라이브러리(프레임워크)를 사용하면 간단하게 시작할 수 있다.
커뮤니티 활동도 활발하니 꼭 참석해 주세요.
자세한 내용은 속성 분류화를 보십시오.

좋은 웹페이지 즐겨찾기