angular--管道符、事件、循环索引、条件判断、swich、ngclass、ngstyle

一、管道符(自定义管道-百度)

# ts 文件中定义一个时间
public today: any = new Date();

# html 文件中用管道进行处理
{{today | date: 'yyyy-MM-dd HH:mm:ss'}}

二、事件

# ts 文件中定义一个方法
keyDown(e) {
    alert(e.target.value);
    console.log(e);
}

# html 文件中添加事件

三、循环索引

# ts 文件中定义数组
public list: any[] = [{
    title: '新闻1'
  }, {
    title: '新闻2'
  }, {
    title: '新闻3'
  }];

# html 文件中使用

  

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

四、条件判断

# ts 文件中定义
public flag = false;

# html 文件中使用

  

五、ngSwitch

# ts 文件中定义
public orderStatus = 1;

# html 文件使用

  
等于1
  
等于2
  
默认

六、ngClass

  演示ngClass


  演示ngClass





  

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

七、ngStyle

一个P标签

一个属性P标签