首页 > 其他 > 详细

05Angular指令(选择)

时间:2020-01-16 17:25:03      阅读:89      评论:0      收藏:0      [点我收藏+]

①添加插件

技术分享图片

 

 在demo.component.ts中按下a-c 再回车,自动创建组件格式

技术分享图片

 

 

②创建Demo04Component来渲染Angular选择指令

  选择指令:

  <any *ngIf="表达式"></any>

  demoo4.component.ts

    技术分享图片

  demo04.component.html

    技术分享图片

    技术分享图片

 

 

③constructor 构造函数:

  是在一个类被实例化成对象的时候,会自动执行的一个方法

⑤typescript

  1.常见的数据类型:string/number/boolean/array/any/object

  2,如何定义一个指定类型的变量

    let  isMember:boolean=false;

    let list:Array<string>=[‘a‘,‘b‘,‘c‘,‘d‘];

    let data:any; (当不知道data是什么类型时,可以写any)

    let count:number=1;

  3,如何要在模板中调用类中定义的变量

    直接在构造函数之前定义,无需加let 关键词

    isMember:boolean = flase;

    技术分享图片

 

     技术分享图片

 

   4,构造函数中可以改变定义变量的值,最终显示构造函数中变量的值

    技术分享图片

 

     技术分享图片

 

 

  

05Angular指令(选择)

原文:https://www.cnblogs.com/shanlu0000/p/12202355.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!