AngularDart如何创建组件

我刚开始学习本教程：

我只是遇到了一个问题，正在寻求帮助。评级组件没有为我显示任何调用的方法（至少在任何断点处都没有）。在这里您可以看到代码：

请帮我一些指导，我如何调试这样的情况？或者问题是什么

@NgComponent(
选择器：'额定'，
templateUrl:'rating_component.html'，
cssUrl:'rating_component.css'，
出版物：'cmp'
)
分级组件{
静态常量字符串\u starOnChar=“\u2605”；
静态常量字符串_starOffChar=“\u2606”；
静态常量字符串_starOnClass=“star on”；
静态常量字符串_starOffClass=“star off”；
列出星星=[]；
@NgTwoWay（“评级”）
国际评级；
@NgAttr（“最大额定值”）
整数最大值（字符串最大值）{
星=[]；
var count=max==null？5:int.parse（max）；
对于（var i=1；i评级？_starOffClass:_starOnClass；
}
字符串starChar（int-star）{
返回星>等级？\u starOffChar:\u starOnChar；
}
无效把手舔（内星形）{
如果（星形==1&&评级==1）{
评级=0；
}否则{
评级=星级；
}
}
}

您已使用@NgAttr（'max-rating'）对函数进行了注释。这些数据绑定注释仅适用于字段或设置器：

@NgAttr（'max-rating'））
设置最大额定值（字符串最大值）{
星=[]；
var count=max==null？5:int.parse（max）；
对于（var i=1；i评级？_starOffClass:_starOnClass；
}
}

好吧，这是一个初学者的错误，但我是这样使用组件的：

<rating max-rating="5" rating="{{ctrl.selectedRecipe.ratings}}"></rating>

<rating max-rating="5" rating="ctrl.selectedRecipe.ratings"></rating>

但是应该这样使用：

<rating max-rating="5" rating="{{ctrl.selectedRecipe.ratings}}"></rating>

<rating max-rating="5" rating="ctrl.selectedRecipe.ratings"></rating>

感谢您的帮助，这是向前迈出的一步，但仍然不起作用。我感觉rating_component.html没有正确加载。即使我将ng repeat=“cmp.stars中的star”行更改为类似ng repeat=“cmpy.stars2中的star”，一点错误都没有…就像它根本没有被处理一样。此外，starClass和starClass方法根本没有被调用。根据Chrome DevTools/Source，来自@NgComponent的组件（选择器：'rating'，templateUrl:'rating_component.html'，cssUrl:'rating_component.css'，publishAs:'cmp'）没有加载。你觉得怎么了，怎么了？