首页 > 解决方案 > Angular 2 - 如何将模板引用变量值设置为“true”

问题描述

使用以下代码,使用模板引用变量#open

<label data-toggle="collapse" data-target="#slide" #open (click)="open.value = !open.value">
...
</label>

#open页面加载时为假,如何将其设置为真?(点击时切换值效果很好。)

试过这个,但它不起作用:

#open="true"#open.value="true"

标签: angularangular2-template

解决方案


当您使用模板引用变量时,它会在您在其中声明时存储整个元素

使用点击事件你可以得到

(click)="open ? open = false : open = true;"

推荐阅读