如何将数组属性传递给Ember组件？

艾哈迈德·阿巴斯

我的Ember组件如下所示：

import Ember from 'ember';

export default Ember.Component.extend({
  users: undefined,
  primaryAction: 'follow',
  leftSubDetails:  [],
  rightSubDetails:  [],

  onInitialization: function(){
    console.log('this', this);
    console.log('right',this.rightSubDetails);
    console.log('rightdetail', this.get('rightSubDetails'));
  }.on("init")
});

组件的名称如下：

{{#view-users
  users=model
  primaryAction='follow'
  leftSubDetails=['tweets', 'followers', 'following']
  rightSubDetails=['follow', 'reply', 'addList']
}}
{{/view-users}}

看起来什么也没打印，我也不能在视图中使用任何东西。有什么事吗

卡尔曼

如果您在控制器上将其声明为属性，则它会起作用：

App.IndexController = Ember.ArrayController.extend({
  details: ['follow', 'reply', 'addList']
});

接着：

{{#view-users
    users=model
    primaryAction='follow'
    leftSubDetails=['tweets', 'followers', 'following']
    rightSubDetails=details
}}
{{/view-users}}

在以上结果leftSubDetails 中不起作用。它将导致undefined。

在这里工作演示

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。