使用普通/vanilla JavaScript 的 Angular 2 组件

Question

Due to some architectural decisions, my team has decided to fallback to using Javascript without any framework dependencies (Angular or react).

I would now want to write custom components(that do the exact same thing as Angular's components: a selector that can be used in HTML with a scope & a controller to play with) with no dependencies on frameworks.

jQuery widgets is an option we thought of. But there's a dependency on jQuery :(

What's the best approach to proceed? Does ES6 provide any ways to do this?

Answer 1

Angular is parsing the html and searching to match with the selectors.. before this, it parses your templates to generate dynamic code... and a lot more things under the hood.. so, no, you wont be able to create a custom html tag easily. Maybe take a look at Polymer? https://www.polymer-project.org/

Answer 2

Why bother creating something what is sucessfully done by a huge team of developers on your own? You will most likely fail.

But if you still want to try it, there's a thing called WebComponents , but it has very limited browser support at the moment. A better support would also lead to another library called Polymer .

Another lightweight library to create custom components is Vue.js .

Fyi: React isn't a framework.