我正在开发一个基于 Meteor 和 Meteoric ( http://meteoric.github.io/ ) 的混合应用程序。但我认为我遇到的问题更普遍。
我有一个名为 AppLayout (AppLayout.html/AppLayout.js) 的模板,用作整个 App 的布局。基本上它上面有标签栏:
<template name="appLayout">
{{#ionBody}}
{{> ionNavBar }}
{{#ionNavView}}
{{> yield}}
{{/ionNavView}}
{{#ionTabs style="ios"}}
{{> ionTab title="Home" path="pictures" iconOff="ios-home-outline" iconOn="ios-home"}}
{{> ionTab title="Notificaciones" path=notificationsId iconOff="android-notifications-none" iconOn="android-notifications"}}
{{> ionTab title="Locales" path="places" iconOff="ios-world-outline" iconOn="ios-world"}}
{{> ionTab title="Mi Actividad" path="activity" iconOff="ios-list-outline" iconOn="ios-list"}}
{{> ionTab title="Perfil" path="profile" iconOff="ios-person-outline" iconOn="ios-person"}}
{{/ionTabs}}
{{/ionBody}}
</template>
我的问题是我需要其中一个 ionTab 图标有一个不恒定的路径。
{{> ionTab title="Notificaciones" path=notificationsId iconOff="android-notifications-none" iconOn="android-notifications"}}
为此,我在模板的 helpers 部分中声明了变量“notificationsId”:
Template.appLayout.helpers({
notificationsId : function() {
var id = "0";
if(Meteor.user()){
id = Meteor.user()._id;
}
return "notifications/"+id;
}
});
但它不起作用,我找不到将变量传递给 ionTab 助手的方法。