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

71360

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

  • LukeW | Digital Product Design + Strategy
    Background Agents Reduce Context Window Issues - Anyone that's gotten into a long chat with an AI model has likely noticed things slow down and results get worse the longer a conversation continues. Man...
    13 hours ago
  • Brad Frost Web » Brad Frost Web | Web Design, Speaking, Consulting, Music, and Art
    Atomic Design, Tokens, AI and the Future of Design Systems – Experience Designed Podcast - I had the pleasure of speaking with Vy Alechnavicius on the Experienced Design podcast. We had a great wide-ranging conversation!
    1 day ago
  • Global Nerdy
    Saturday picdump for May 17, 2025 - It’s Saturday — time for another “picdump!” This is the weekly article where I post the technology- and work-related memes, pictures, and cartoons floati...
    2 days ago
  • Smashing Magazine Feed
    Building A Practical UX Strategy Framework - Learn how to create and implement a UX strategy framework that shapes work and drives real business value.
    3 days ago
  • AddyOsmani.com | Articles for developers
    Cover Flow with Modern CSS: Scroll-Driven Animations in Action - Dive into implementing the iconic Cover Flow UI pattern using modern CSS scroll-driven animations and alternative ways of implementing Cover Flow, such as ...
    1 month 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 month ago
  • AppCoda
    Exploring ImagePlayground: AI-Powered Image Generation in iOS 18 - With the release of iOS 18, Apple has unveiled a suite of exciting features under the Apple Intelligence umbrella, and one standout is the ImagePlaygroun...
    2 months ago
  • iOS App Dev Libraries, Controls, Tutorials, Examples and Tools
    เว็บสล็อตตรง ไม่ผ่านเอเย่นต์ รวมทุกค่ายเกม เดิมพันไม่มีขั้นต่ำ ใหม่ล่าสุด - เว็บสล็อตตรง ไม่ผ่านเอเย่นต์ เข้ามาเริ่มต้นเดิมพันออนไลน์ เกมสล็อตแตกง่าย แตกบ่อย ที่ได้รับความนิยมมากที่สุดในตอนนี้ สล็อตถือเป็นอีกหนึ่งเกมที่เล่นได้ง่า...
    1 year 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...
    5 years ago
  • [iOS developer:tips];
    Hello world! - Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
    6 years ago
Watermark theme. Powered by Blogger.