无法将动态数据传递给Ember.js中的组件

时间:2014-05-28 16:47:53

标签: ember.js

我有把手,我正在显示一些数据,我想使用一些样式,所以需要将数据传递给一个组件,该组件将处理数据并以正确的格式显示数据。问题是如果我将动态值从把手传递到组件,则不显示该值,只有组件中显示硬编码值。出现这种情况的原因是什么?

<script type="text/x-handlebars" id="class">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">{{Name}}</h3>
        </div>
        <div class="panel-body">
            {{Body}} // This value is getting displayed
            {{ace-editor content=Body title=Name someText="Hello"}}
        </div>
    </div>
</script>
<script type="text/x-handlebars" data-template-name="components/ace-editor">
  <pre id='editor'>{{content}} {{title}} {{someText}}</pre> // In the component only the someText values is getting displayed.
 </script>

1 个答案:

答案 0 :(得分:1)

在手柄中不鼓励使用大写属性,它们通常表示全局命名空间(Unable to loop through nested JSON array ( uppercase properties ) with Handlebars JS with Ember JS)并且偶尔会被解析。如果您完全符合您的财产资格,您应该能够避免这个问题。

{{ace-editor content=controller.Body title=controller.Name someText="Hello"}}

示例:

http://emberjs.jsbin.com/satiriro/2/edit