为什么我无法将属性值传递给组件？

Question

我有一个名为star-rate的组件，它有一个score属性。模板中的代码是：

{{star-rate score=score}}

在组件/ star-rate.js 中，我写道：

didInsertElement: function() {
  var score = this.get('score');
  console.log(score); // undefined, why?
}

为什么无法获得分数值？但是，如果我将模板代码更改为：

{{star-rate score=4}}

然后我会得到分数值。

Answer 1

我会说组件一切正常，但您指定的score值本身就是undefined。

Answer 2

该组件很好。尝试在模板的控制器上设置一个值（您正在调用该组件。

long long

它不再是未定义的。

或者，您可以在模板的路径中使用setupController属性。