翡翠のテンプレートでは、より良い方法をucfirstに？

Question

これよりも玉の文字列の最初の文字を大文字にする良い方法はありますか？

for list in project.lists 
    li #{ucfirst(list.name)} 

ありがとう：私は変数は醜いです活用したいたびにこれを実行

for list in project.lists 
    - list.name = list.name.charAt(0).toUpperCase() + list.name.slice(1); 
    li #{list.name} 

、私は私のようなすべてのテンプレートで利用可能なカスタム関数を定義することができジェイドのいずれかの方法がありますあらかじめ！

Answer 1

#{}の内容は標準JSとして実行されるため、そのようなもので使用するヘルパー関数を渡すことができます。あなたは指定していませんが、あなたはエクスプレスと一緒に玉を使用していると仮定すると、あなたはこのような何かを行うことができます。

app.locals.ucfirst = function(value){ 
    return value.charAt(0).toUpperCase() + value.slice(1); 
}; 

をジェイドテンプレート内ucfirstと呼ばれる機能を公開することは。レンダリングするたびにlocalsの一部として渡すこともできますが、Expressを使用している場合は自動的に行います。

Answer 2

CSSを使用する場合は、ターゲット要素内のすべての単語の最初の文字を大文字にするクラスを作成できます。

CSS

.caps { 
    text-transform: capitalize; 
} 

ジェイド

div.caps 
    each foo in ['one', 'two', 'three'] 
     span #{foo} 

結果のHTML結果の

<div class="caps"><span>one</span><span>two</span><span>three</span> 

ビュー

あなたがグッとパグを使用している場合

One Two Three 

Answer 3

、これが役に立つことができます：

li 
    +ucfirst(list.name)