javascript - 从 Angular2 模板通过引用传递变量

标签 javascript

假设我有一个名为 isVisible 的变量。我有一个方法叫做

ReverseVariable(variable: boolean)
{
   variable = !variable;
}

我想从像这样的模板中调用这个方法

<button (click)="ReverseVariable(isVisible)"></button>

我想在参数中给它 isVisible 并让 isVisible 反转它自己。类似以下示例的内容不是一个选项

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

有什么方法可以通过引用传递变量吗?

最佳答案

不适用于像 bool 值这样的原始数据类型。你可以做的是制作一个非原始的对象

isVisible = {
    flag: true
}

然后在你的函数中切换它

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

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

关于javascript - 从 Angular2 模板通过引用传递变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46911698/

相关文章:

javascript - 使用 jQuery 插件或 Javascript 为文件夹中的每个图像创建一个 <li>

javascript - 在选择更改之前,如何使用 javascript 查找下拉列表所选选项的索引/值

Javascript 数学不精确错误? (0.1+0.01+0.01+0.01+0.01+0.01 == 0.15000000000000002)

javascript - 将自定义参数传递给 ajax 请求并返回相同的响应

javascript - 想用正则表达式去除字符串中的一部分

javascript - 如何在 jquery ajax 中处理 net::ERR_CONNECTION_REFUSED

JavaScript 用一组不同的字母替换每个字母,但不重做已经替换的部分

javascript slider 不会自动滑动

javascript - 使用字符串变量的值作为对象参数访问器

javascript - 带标签的传单簇标记(标记标签)