angular-cli

安装全局环境

npm install -g @angular/cli

初始化项目

ng new <name> 或者 ng new <name> --skip-install 不自动安装依赖
cd <name>
ng serve

文件
src/app 文件 下放 组件、服务、模块
src/assets 文件 放静态资源
src/index.html 入口文件
src/styles.scss 全局样式
在这里插入图片描述
创建组件

ng g component components/news  

会在app下生成一个components文件下生成一个news组件
会自动再根组件的配置文件中应用生成的news组件
在这里插入图片描述
组件主要是 news.component.ts 其中用引用该组件中要显示的内容

@Component({
  selector: 'app-news', // 在被添加的组件可以通过 <app-news></app-news>来引用
  templateUrl: './news.component.html',
  styleUrls: ['./news.component.scss']
})

赋值

export class HomeComponent implements OnInit {
  title = 'ww'; // 默认为public
  public title1 = 'ww';  
  title2:string = '张三'; // 指定类型
  title3:any = 112 // 任何类型
  public title4:any = 112 // 任何类型
  /*
  	声明属性的几种类型(使用的typescript )
		public  共有(默认)    可以在这个类里面使用,也可以在类外面使用
		protected  保护类型    他只有在当前类和它的子类里面可以访问
		private  私有     只有在当前类才可以访问这个属性
  
  */
  constructor() { }
  ngOnInit() {
  }

}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值