Bloom On Client Side

Tuesday, November 4, 2014

ng + web components

The ng duo of  Carmen Popoviciu and Pascal Precht  have a video on integration of angular and web components.

Four technologies

Clone template

Create Shadow Dom

Create new elements [more]

Angular with web components

Angular doesn't know and shouldn't know about custom elements. - just another element on page

http://pascalprecht.github.io/dont-stop-thinking-about-tomorrow/#/39

A custom element can change DOM attributes or Element properties







https://github.com/eee-c/angular-bind-polymer


http://pascalprecht.github.io/2014/10/25/integrating-web-components-with-angularjs/

http://pascalprecht.github.io/talks/
Posted by yagottabelieve at 6:07 AM
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Labels: Javascript, web-components

No comments:

Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Search Web

About Me

yagottabelieve
View my complete profile

Blog Archive

  • ►  2018 (4)
    • ►  November (1)
    • ►  February (3)
  • ▼  2014 (36)
    • ►  December (2)
    • ▼  November (5)
      • Links i have learned about lately
      • Angular sub topics
      • Polymer Step by Step
      • ng + web components
      • DevFest at American Underground 2014
    • ►  October (4)
    • ►  September (5)
    • ►  August (1)
    • ►  July (1)
    • ►  June (7)
    • ►  May (6)
    • ►  January (5)
  • ►  2013 (70)
    • ►  December (8)
    • ►  November (13)
    • ►  October (22)
    • ►  September (24)
    • ►  August (1)
    • ►  July (2)

Site list

  • 456
  • Ah Tech Notes
  • AlexAtNet
  • AntJanus
  • CSS DZone
  • Chat and Code
  • Clint Harris
  • Club15cc.com
  • Code School
  • CodeLord
  • Coenraets
  • Egghead I/O
  • Falafel
  • Frameworks
  • Fred
  • GeekyLemon
  • JQuery API
  • Jeff Douglas
  • Killdream
  • Learn Somethings
  • Life.Code
  • LukeW
  • Mozilla
  • My Sample Code
  • Niemeyer
  • PressedWeb
  • RayWenderlich.com
  • Source DevCon
  • Steve Sanderson
  • SwarmOnline
  • Techomaha
  • Tutorial Savvy
  • User Experience
  • Verious
  • W3
  • Web Reflections
  • addyosmani
  • ben scheirman
  • cocoadevcentral
  • cs164
  • cs193p site
  • cs50
  • cssdeck
  • ext dissolve
  • famfamfam
  • good
  • html5 applicationcache
  • ioS Tuts
  • js blog
  • js closures
  • js conf
  • js enlightment
  • js essentials
  • js jabber
  • js natives
  • js psend
  • jsbooks
  • jsdoc
  • jsis
  • layout dev
  • love2dev
  • m data
  • michaelmangold.com
  • ncz
  • tutplus
  • um
  • web monkey
  • web resources depot
  • will norris
  • wtf diary tutorials
  • wwdc

Labels

Android Cloud CSS FTL Git HTML5 iOS Javascript Mobile MongoDb Native Node.js NoSQL python Responsive Sencha SpringMVC SQL web-components

Total Pageviews

Favorites

+Gillmor
+Frontend Web Development wiki
+ Web Development Videos
+iOS and Android development
+aalto HTML5 Mobile
+ Duke
+HTML5 / CSS
+web dev tutorials
+game design
+Web Programming
+Programming UMass
iOs Notes
Node.js
Strong Blog
Web App Fundamentals
RyPress
creatiface
Appsbar
Harvard iOS1
Harvard iOS2
Harvard iOS3
Charles Weems iOS
iBeacon
iOS Table View
IGM
Susman
NYU
Cremer
Mobile Computing

Twitter

Follow me @davidmbloom

My Blog List

  • Global Nerdy
    Too much machine for me? [Updated, with the fates of my old machines] - Meet “Slopportunity,” my new M5 MacBook Pro, purchased with the assistance of the home office stipend that my new employer, NetFoundry, provides. It has ...
    21 hours ago
  • Smashing Magazine Feed
    The UX Designer’s Nightmare: When “Production-Ready” Becomes A Design Deliverable - In a rush to embrace AI, the industry is redefining what it means to be a UX designer, blurring the line between design and engineering. Carrie Webster exp...
    1 day ago
  • AddyOsmani.com | Articles for developers
    Agent Harness Engineering - A coding agent is the model plus everything you build around it: prompts, tools, context policies, hooks, sandboxes, feedback loops. Harness engineering is...
    4 days ago
  • LukeW | Digital Product Design + Strategy
    The New Designer/Developer Collaboration - There's lots of ways to build a website. Most of them involve designers working in one tool, developers working in another, and a painful handoff process...
    1 week ago
  • Brad Frost Web » Brad Frost Web | Web Design, Speaking, Consulting, Music, and Art
    Adaptability, Curiosity, & Creative Breadth with Brendan Dawes - Brendan Dawes is a brilliant multi-disciplinary artist, designer, and technologist. Just one of his many many many creative projects is working on the incr...
    1 week ago
  • AppCoda
    Announcing Mastering SwiftUI 7 for iOS 26 and Xcode 26 - We’re excited to announce the release of Mastering SwiftUI 7, fully updated for iOS 26 and Xcode 26. This latest edition reflects the most recent SwiftUI...
    3 months ago
  • Stubbornella
    IFSC Competition Regulations Para Climbing Events - The international federation of sport climbing released its 2025 paraclimbing regulations. The document was a PDF that was in accessible to screen readers ...
    1 year ago
  • iOS App Dev Libraries, Controls, Tutorials, Examples and Tools
    เว็บสล็อตตรง ไม่ผ่านเอเย่นต์ รวมทุกค่ายเกม เดิมพันไม่มีขั้นต่ำ ใหม่ล่าสุด - เว็บสล็อตตรง ไม่ผ่านเอเย่นต์ เข้ามาเริ่มต้นเดิมพันออนไลน์ เกมสล็อตแตกง่าย แตกบ่อย ที่ได้รับความนิยมมากที่สุดในตอนนี้ สล็อตถือเป็นอีกหนึ่งเกมที่เล่นได้ง่า...
    2 years ago
  • mobiForge Recent Content
    A Skeptic’s View On Google’s Intent To Deprecate And Freeze The User-Agent Header - [image: User-Agent meme: Oh you think Google is removing the UA to improve privacy] Some people call me a skeptic, but I don’t believe them… Google inten...
    6 years ago
  • [iOS developer:tips];
    Hello world! - Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
    7 years ago
Watermark theme. Powered by Blogger.