这样的menu应用如何实现？

登录

我想用<wj-menu>标签实现一个这样的效果，菜单的每个条目要显示图片和文字内容：

要求是：根据文字内容的不同，比如文字是“男”或“女”，那么就要显示对应的图片。

我现在用<wj-item-template>标签能得到每个条目的信息：

复制代码

但是怎样添加判断语句，能根据fullname来显示图片呢？

jskj · jskj

哦，解决了，代码这样写：

<wj-item-template>
<div ng-switch on="$item.sex">
<span ng-switch-when="Male">
<img src="http://www.icosky.com/icon/thumbnails/Avatar/Elite%20Captains/Elite%20Captain%20Black%20Shielded Icon.jpg" alt=""/>
</span>
<span ng-switch-default>
<img src="http://www.icosky.com/icon/thumbnails/Avatar/Elite%20Captains/Elite%20Captain%20Blue%20Shielded Icon.jpg" alt=""/>
</span>
{{$item.fullname}}
</div>
</wj-item-template>

复制代码

Alice · Alice

本帖最后由 Alice 于 2017-3-14 18:02 编辑

您可以参考在线示例：
http://demo.gcpowertools.com.cn/wijmo5/Angular/Explorer/Explorer/#/input/menu

示例

		自动登录	找回密码
密码			立即注册

2 个回复