Question

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

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

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

Answer 1

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

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

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

流星+离子+流星：流星包中是否支持Ionic的文字输入浮动标签？

1 个答案: