Skip to content

Instantly share code, notes, and snippets.

@saurshaz

saurshaz/index.html

Created September 16, 2014 13:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save saurshaz/d73dd14dcf193f57b996 to your computer and use it in GitHub Desktop.
Save saurshaz/d73dd14dcf193f57b996 to your computer and use it in GitHub Desktop.
Download ZIP
polymer reusing elements in other elements // source http://jsbin.com/qeniw/4
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="polymer reusing elements in other elements" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/platform.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/polymer.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<polymer-element name="el-page">
<polymer-element name="el-one" noscript>
<template>
<b> << first >> </b>
<el-bone> </el-bone>
<div type="hidden" class="breaking-news"><< {{bone}} BREAKING NEWS from JS >></div>
</template>
</polymer-element>
<polymer-element name="el-bone">
<template>
<content select=".breaking-news"></content>
</template>
<script>
Polymer('el-bone',{"bone":"done"});
</script>
</polymer-element>
<el-one></el-one>
<polymer-element name="el-two" noscript>
</polymer-element>
<el-two><< second before >><el-one></el-one><< second after >></el-two>
</polymer-element>
<el-page></el-page>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta name="description" content="polymer reusing elements in other elements" />
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/platform.js"><\/script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/polymer.js"><\/script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<polymer-element name="el-page">
<polymer-element name="el-one" noscript>
<template>
<b> << first >> </b>
<el-bone> </el-bone>
<div type="hidden" class="breaking-news"><< {{bone}} BREAKING NEWS from JS >></div>
</template>
</polymer-element>
<polymer-element name="el-bone">
<template>
<content select=".breaking-news"></content>
</template>
<script>
Polymer('el-bone',{"bone":"done"});
<\/script>
</polymer-element>
<el-one></el-one>
<polymer-element name="el-two" noscript>
</polymer-element>
<el-two><< second before >><el-one></el-one><< second after >></el-two>
</polymer-element>
<el-page></el-page>
</body>
</html></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment