5

Ember ハンドルバー テンプレートでは、コントローラーの (文字列/ブール値/数値ベース) プロパティにアクセスすることができます。

  • {{someProperty}}
  • <someHtmlTag {{bindAttr someHtmlTagAttribute="someProperty" />

構成します。

これは、関数ベースのコントローラー プロパティでは機能しないようです。

例

以下の作品

//Handlebars
<script type="text/x-handlebars" id="index">
    Some property: {{someProperty}}<br/>
</script>   

//Javascript
App.IndexController = Ember.ObjectController.extend({
    someProperty: "yolo",
});

以下は動作しません

//Handlebars
<script type="text/x-handlebars" id="index">
    Some property: {{someProperty}}<br/>
</script>   

//Javascript
App.IndexController = Ember.ObjectController.extend({
    someProperty: function() {
        return "yolo"; },
});

ここにjsFiddleがあります

を使用すると{{bindAttr ...}}、問題が少しわかります。 

Uncaught Error: assertion failed: Attributes must be numbers, strings or booleans, not function ()  ...{

Handlebars テンプレート内から関数ベースの Ember コントローラー プロパティにアクセスするにはどうすればよいですか?

4

1 に答える 1