【angular2】(2)angular2自定义组件示例
来源:互联网 发布:搜狗输入法centos版 编辑:程序博客网 时间:2024/05/23 19:19
(1)用angular-cli搭建项目
(2)新建AComponent.ts
import {Component} from '@angular/core';@Component({ selector: 'app-a-component', template: `<h2>测试A</h2>`})export class AComponent { constructor() { console.log('AAA'); }}
(3)在app.module.ts中引入
import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { FormsModule } from '@angular/forms';import { HttpModule } from '@angular/http';import { AppComponent } from './app.component';import {AComponent} from "./AComponent";@NgModule({ declarations: [ AComponent, AppComponent ], imports: [ BrowserModule, FormsModule, HttpModule ], providers: [], bootstrap: [AppComponent, AComponent]})export class AppModule {}
(4)在html中引用
<app-a-component></app-a-component>
PS:在我的项目中,在嵌套组件中,必须在调用该组件的最近一层的module注入,不知道是什么原因。。。还在摸索中。。。
0 0
- 【angular2】(2)angular2自定义组件示例
- Angular2自定义分页组件
- angular2 组件
- angular2 组件
- angular2
- angular2
- Angular2
- angular2
- Angular2(六)--单一实例(singleton)示例
- Angular2之入门示例
- angular2 倒计时组件
- Angular2 倒计时组件
- Angular2核心组件@Component
- angular2之组件通讯
- 【Angular2】理解组件
- 【Angular2】组件交互
- Angular2--组件生命周期
- angular2学习 之 组件
- 常用颜色RGB、灰度值、取色值。
- JAVA 静态内部类和非静态内部类的区别
- ListView嵌套webView滑动冲突的解决
- 微信后台 phxrpc (v0.8) 之 Timer(二)
- HTTP协议 (六) 状态码详解
- 【angular2】(2)angular2自定义组件示例
- 我的第一个博客
- VS使用问题汇总
- 安卓的知识结构
- Listener 监听器
- C语言结构体的简单使用实例
- 反射
- HTTP协议 (五) 代理
- loading。。。加载层的写法