如果我会一些Javascript的基础知识，我可以快速地上手Angular吗？或者说，我是一名前端工作者，没有接触过Angular，我该如何快速地使用Angular进行日常开发呢？我是轻流前端团队的一员，用了一周的时间从之前没有使用过Angular到了解Angular 可以进行一些简单的开发，在这之中收获良多，希望可以给同样想了解和使用Angular的小伙伴带来一些参考。
1. 组件是什么？
组件(Component)，就是可以实现我们需求的一个小块。一个自定义的按钮、一个表单、一个页面等等，都是组件。组件是Angular项目的核心概念，我们页面的一切都是由一个一个的组件搭建起来的。组件化的目的有两个：一是解耦，把逻辑封装在内部，每一个组件都是功能相对单一和独立的个体；二是复用，封装成组件之后不仅可以在项目内部复用，甚至可以沉淀下来跨项目复用。
// 以一个简单的button为例
@Import {
Component } from ‘@angular/core’；
@Component({
selector: 'demo-button',
template: `<button class="demo-btn">{
{btnText}}</button>`,
styles: [
`.demo-btn {
color: red;
}`
]
})
export class DemoButtonComponent {
btnText: 'click me';
}
上面就是一个很简单的组件，一个文字为红色的'click me'的按钮,在页面中使用也很简单:
<body>
<demo-button></demo-button>
</body>上面的代码中，我们注意到，从@angular/core中导入了 Component，并且使用@Component() 这个修饰器说明了我们的 DemoButtonComponent 是一个组件。@Component() 中我们传入了几个配置项 selector、template、s
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
