07Angular选择指令和循环指令的练习

练习1:多重判断

①创建一个组件demo05,在这个组件中,有一个变量uName,如果用户名是lucy显示“你好,Lucy”,如果是Tom,显示“你好,Tom”,否则其他情况时,显示“请去登陆” 

 

 

 

 

 

 

 

②初始化一个对象数组stuList(包含5个元素),每个对象都包含 name/age/sex/score,将数据渲染在一个table中(只显示成绩是80分以上的)

  

 

 

 

 

③只显示80分以上的学生成绩

  

 

 报错:一个html元素上只能有一个指令,不能既有*ngFor,又有*ngIf

解决:ng-container

   

 

 

显示结果:

posted @ 2020-01-16 19:24  shanlu  阅读(223)  评论(0编辑  收藏  举报