2016-06-23 5 views
0

私は翡翠を初めて使い、Webページで選択オプションを作成する課題を持っています。ドロップダウンリストが空でページがリフレッシュされたときに作成される空のオプション要素が得られるまで、すべてがうまくいくようです。私は何とかこの空のオプション要素を削除したい。私はここでほとんどの記事を見てきましたが、助けを得ていないようです。以下は私の玉の論理です。if/else翡翠テンプレートの選択オプションを削除するステートメント

ジェイド:それは大規模なコードの一部だから

#remarksField 
    h1#remarksHeader Remarks 
    select#shortDesc 
     option(value= "")= "---" 
     each index in data 
     if (index) 
      option(value= index.id)= index.short_desc 
     // else 

はフィドルを投稿する方法がわからないが、私は誰かがここで私を助けるために取得します願っています。

How it looks when trying to select an option

答えて

1

最初のoptionタグの後の余分なインデントは、次のすべてのオプションが最初のタグの内側になるようにします。その余分なインデントを削除し、それがすべきすべての作業:

#remarksField 
h1#remarksHeader Remarks 
select#shortDesc 
    option(value= "")= "---" 
    each index in data 
    if (index) 
    option(value= index.id)= index.short_desc 
    // else 
+0

私はすでにそれを試みたが、うまくいかなかった。私は値のない空のオブジェクトは、ifステートメントをtrueに設定しているインデックスに格納され、空のオプションを作成すると思います。今私がする必要があるのは、インデックスが空でないかエラーがないかどうかを証明することです。そうであれば、オプション要素があってはいけません。これは、私が翡翠でこれをやっているので退屈になっています – Pappy

+1

'index'が存在するかどうかを調べるのではなく、' index.id'が存在するかどうかを調べてみてください。もっと多くの情報がなければ私は助けることができます。質問を閉じるために正しい答えをマークしてください。 – jhhayashi

+0

index.idが存在するかどうかを証明することによって動作しました@jhhayashi – Pappy

0

あなたのif文で "インデックス" の周りにブラケットを取り外します。

だから、このようにする必要があります:

if index

あなたがここにある場合についての詳細文を見つけることができます - それはなってからそれを回避するプレースホルダ

option(value="1" placeholder="Select") 

追加http://jade-lang.com/reference/conditionals/

+0

文書によると、「それはまだ通常のJavaScriptだ、」ブール式を囲む括弧は大丈夫ですので – jhhayashi

+0

ああ[OK]を、十分に公正な。 –

0

リフレッシュ時に空白。

関連する問題