通过Angular2模板引用传递变量

时间:2017-10-24 13:21:10

标签: javascript

我们说我有一个名为isVisible的变量。我有一个名为

的方法
ReverseVariable(variable: boolean)
{
   variable = !variable;
}

我想从像

这样的模板中调用此方法
<button (click)="ReverseVariable(isVisible)"></button>

我想在参数中赋予它isVisible,并且自身具有isVisible反转。类似下面的例子不是一个选项

ReverseVisibility()
{
  this.isVisible = !this.isVisible;
}

有没有办法可以通过引用传递变量?

1 个答案:

答案 0 :(得分:5)

不使用类似布尔值的原始数据类型。你可以做的是使非原始像对象

isVisible = {
    flag: true
}

然后在你的功能中切换

ReverseVisibility(isVisible)
{
   isVisible.flag = !isVisible.flag;
}

这是plnkr演示此(https://plnkr.co/edit/VYEimNoHZvGxeE4S2W4L?p=preview