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