Meteor + Ionic + Meteoric：Ionic的文本輸入浮動標籤是否支持流星包？

Question

我正嘗試使用流星包中的浮動標籤 - https://atmospherejs.com/meteoric/ionic available @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：一個問題也已在大氣GitHub的頁面添加 - https://github.com/meteoric/meteor-ionic/issues/283

Answer 1

翻紅包不支持CSS，但「浮動標籤」功能確實需要一些JavaScript添加和刪除類名。只需將以下內容添加到具有浮動標籤的頁面：

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

我之前也將此添加到github頁面。