Polymer里根据bool值来隐藏/显示内容

作者: butterandfly | 来源:发表于2016-11-17 11:26 被阅读0次

例如我们有一个iron-icon，我希望根据真假值（user.isActive）来显示/隐藏它。

会有两种实现方式，一种是用dom-if：

<template is="dom-if" if="[[user.isActive]]">
  <iron-icon icon="menu"></iron-icon>
</template>

dom-if的详细说明可以看这里。

另外一种是更简洁的，使用hidden$

<iron-icon icon="menu" hidden$="[[user.isActive]]"></iron-icon>

hidden$是polymer里面的一个特殊用法，具体可查看Bind to a target attribute

Polymer里根据bool值来隐藏/显示内容
例如我们有一个iron-icon，我希望根据真假值（user.isActive）来显示/隐藏它。会有两种实现方式...
Polymer组件里根据property值来显示不同的样式
我们的组件有时候需要根据property的值来呈现不同效果。例如当isActive是true的时候，使用activ...
flutter学习获取知识点
历史记录的显示和隐藏，根据数据框是否有值来判定。
Flutter_easyFresh 加载更多的一个BUG
设一个BOOL来控制加载更多那个显示和隐藏
小程序tab切换
页面切换内容可根据current进行显示隐藏
Android Studio 隐藏和显示键盘
一、Activity和Fragment中显示和隐藏显示键盘隐藏键盘(根据个人情况可以选择不要返回值) 二、部分...
窗口函数
窗体函数 void HideTestIndicators(bool 隐藏或显示) 隐藏测试指标（供EA调用的隐藏指...
隐藏导航栏下的黑线
//视图将要显示时隐藏 -(void)viewWillAppear:(BOOL)animated { [super...
iOS开发技巧与细节（持续更新）
显示与隐藏顶部状态栏 - (void)viewDidAppear:(BOOL)animated { [super ...
3-3. input按钮
1、定义普通按钮,根据value值来指定按钮的显示内容如果没有指定尺寸,会根据value的文字自动调整 2、图...