Meteor + Ionic + Meteoric：流星包是否支持 Ionic 的文本输入浮动标签？

Question

我正在尝试使用 meteoric 包中的浮动标签 - https://atmospherejs.com/meteoric/ionic available @ http://ionicframework.com/docs/components/#forms-floating-labels。但是，一旦我在文本框内单击，浮动标签就不会出现。不知何故，带有 class 输入标签的 span 标签的不透明度不会将其不透明度从 0 更改为 1

我创建了一个 Meteorpad @ http://meteorpad.com/pad/bn38rssH3CLdJbAaY/Ionic%20Floating%20Label 但是，我认为 Meteorpad 仍然不支持 scss，因此，该应用程序无法在 Meteorpad 服务器上按预期运行。也许，您可以下载它并运行在本地。请将 style.css 重命名为 style.scss。

P.s.: 流星 github 页面也添加了一个问题 - https://github.com/meteoric/meteor-ionic/issues/283

Answer 1

meteoric 包确实支持 css，但 'floating labels' 功能确实需要一点 javascript 添加和删除 class 名称。只需将以下内容添加到带有浮动标签的页面：

$('.item-floating-label>input').on('keyup', function(){
  $(this).val() ? $(this).prev().addClass('has-input') 
                : $(this).prev().removeClass('has-input'); 
});

我之前也将其添加到 github 页面。

Meteor + Ionic + Meteoric：流星包是否支持 Ionic 的文本输入浮动标签？

Meteor + Ionic + Meteoric : Is Ionic's Floating Labels for Text Input supported in meteoric package?

meteor

meteor-blaze

meteoric