Angular学习之旅----创建项目第一次运行

npm install -g @angular/cli 全局安装最新的angular-cli脚手架

在项目目录下cmd

ng new angular01建立新的项目

cd angular01 之后yarn install安装依赖

ng serve --open

在项目目录下运行

ng g component components/header来创建header组件

ngOnInit   angular的生命周期函数

数据文本绑定{{}}

绑定HTML 

绑定属性  绑定属性

循环数组

   

• {{item}}

或者

   

• {{item.catename}}---{{key}}

       

         

  1. {{car.title}}

       

     

 

或者

   

• {{item.title}}---{{key}}

 

条件判断

==================================

flag为true的情况显示

绑定方法事件

====================================

改变值

条件判断语句

flag为true的情况显示

获取事件对象

=====================================

获取事件对象

数据双向绑定  

==================================

  {{search}}

  获取搜索的值