本篇文章给大家介绍一下Angular中的Component组件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

深入了解Angular中的Component组件-LMLPHP

Angular 组件(Component)


组件(Component) 是构成 Angular 应用的基础和核心。 通俗来说, 组件用来包装特定的功能, 应用程序的有序运行依赖于组件之间的协调工作。【相关教程推荐:《angular教程》】

Component 必备元素

深入了解Angular中的Component组件-LMLPHP

  • @Component(组件元数据装饰器)
  • Template(模板)
  • Controller(控制器)

示例

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  providers: [AppService],
})
export class AppComponent {
  title = 'app demo';

  .....
}
登录后复制
  • selector
  • templateUrl
  • styleUrls: ['./app.component.css']
  • providers
  • AppComponent

Component 其他元素

深入了解Angular中的Component组件-LMLPHP

更多编程相关知识,请访问:编程教学!!

以上就是深入了解Angular中的Component组件的详细内容,更多请关注Work网其它相关文章!

08-16 11:37