Question

嘿，请任何人帮我解决这个问题。我的观点是

<div id="sankey_multiple" style="width: 900px; height: 300px;"></div>

我的Component.js是

App.sankeyComponent = Ember.Component.extend({
    needs: ['sankey'],
    //navigation: Ember.computed.alias('controllers.navigation'),
    isExpandedBookmarks: false,
    didInsertElement: function() {
       alert('insert');
    }
});

但didInsertElement函数不起作用我没有得到我需要添加谷歌图表脚本的确切位置。

如果我在init函数中添加它，则表示找不到容器。所以我认为我们需要在didInsertElement之后添加。但它不起作用。任何人都可以帮助我吗？先感谢您。

Answer 1

Ember期望组件的命名约定具有主要资本，因此您应该按如下方式更改组件：

App.SankeyComponent = Ember.Component.extend({
    needs: ['sankey'],
    //navigation: Ember.computed.alias('controllers.navigation'),
    isExpandedBookmarks: false,
    didInsertElement: function() {
       alert('insert');
    }
});

另外，我不确定您发布的视图是您尝试使用组件的视图还是组件本身的视图。这些应该尽可能设置：

组件的定义：

<script type="text/x-handlebars" id="components/sankey-component ">
    <!-- HTML for your component -->
</script>

在视图中显示组件，如下所示：

{{sankey-component}}

Ember.js中的Google图表渲染

1 个答案: