ハンドルバーの基本を理解するのに助けが必要です。
たとえば、次の html コードがあります。
<div id="box">
</div>
そして、div内に"Login"
または(文字列)のいずれかを表示したい。"Register"
ハンドルバーを使用して行うにはどうすればよいですか? 多くのチュートリアルを読みましたが、まだ理解できていません。
ハンドルバーの基本を理解するのに助けが必要です。
たとえば、次の html コードがあります。
<div id="box">
</div>
そして、div内に"Login"
または(文字列)のいずれかを表示したい。"Register"
ハンドルバーを使用して行うにはどうすればよいですか? 多くのチュートリアルを読みましたが、まだ理解できていません。
次のような条件ステートメントを使用できます。
{{#if someCondition}}
<a>Login</a>
{{else}}
<a>Register</a>
{{/if}}
または、表示する文字列をビュー コードで決定し、それをテンプレートに渡し、次のように出力する方が簡単な場合があります。
<div id="box">
<a>{{loginOrRegister}}</a>
</div>
テンプレート関数が引数として取るオブジェクトを介してそれを行うことができます。
render: function() {
this.$el.html(this.template({
loginOrRegister: this.outputLoginOrRegisterText()
}));
return this;
}
明らかにthis.outputLoginOrRegisterText()
あなたによって定義されるべきです:)