angular - Angular 2 - 如何将模板引用变量值设置为“true”
问题描述
使用以下代码,使用模板引用变量#open
:
<label data-toggle="collapse" data-target="#slide" #open (click)="open.value = !open.value">
...
</label>
#open
页面加载时为假,如何将其设置为真?(点击时切换值效果很好。)
试过这个,但它不起作用:
#open="true"
和#open.value="true"
解决方案
当您使用模板引用变量时,它会在您在其中声明时存储整个元素
使用点击事件你可以得到
(click)="open ? open = false : open = true;"
推荐阅读
- mysql - 查找参加 CS-101 和未参加 CS-319 的学生的 ID 和姓名
- javascript - 有两个计数器,每个计数器都有自己的 reducer 和 actions.js 。无法在 a 中显示计数变量
- r - 如何将包含文件的列表保存到R中的csv中?
- javascript - 未删除事件侦听器 - 点亮元素
- javascript - 使用模板文字创建 HTML 时如何使用参数设置 onclick 侦听器?
- android - 使用 AndroidX 时,proguard-android-optimize.txt 中的“@Keep 支持注释”规则是否仍然适用?
- go - 无法获取具有相同键名的响应标头 (*http.Header)
- django - 我正在尝试使用 django 登录视图并在渲染基本模板期间出现 NoReverseMatch 错误
- django - 如何在 Django 中解决 admin.E040?
- javascript - Javascript条件评估:比较数字文字