属性绑定简单例子

css的选择器都需要通过下面语法进行绑定:

属性绑定

通过变量绑定

class绑定


多样式绑定

变量区:

条件判断测试

定义一个boolean变量

条件表达式使用*ngIf使用:

条件判断测试

if else

变量改为false
bool:boolean = false
使用下段代码测试 if else

条件判断测试
else测试

界面效果

成功起到了if else效果

循环

定义一个数组
colors:Array = ['red','blue','yellow']
循环测试

  {{i}}
  {{color}}

效果:

事件绑定

现在我们有界面如下:

现在需要为每个产品添加一个按钮 绑定一个share事件
代码如下:

通过(click)绑定事件
share方法定义在变量区同一个位置

传递参数写法:
Share

  share(e:string) {
    window.alert(e);
  }