如何将复杂对象@输入到AngularDart组件中？
我正在创建（我的第一个！）AngularDart应用程序。我在如何将复杂对象@输入到AngularDart组件中？,dart,angular-dart,Dart,Angular Dart,我正在创建（我的第一个！）AngularDart应用程序。我在Procedure\u List\u组件中有一个类Procedure对象的列表。这将显示在MaterialListComponent中，并且一切正常 我正在使用Dart SDK 2.1.0和AngularDart^5.2.0 现在我想开发一个新组件来显示所选过程的详细信息。选择部分工作正常。“我的详细信息”组件当前如下所示： @Component( selector: 'procedure-item', templateUrl
Procedure\u List\u组件中有一个类Procedure
对象的列表。这将显示在MaterialListComponent
中，并且一切正常
我正在使用Dart SDK 2.1.0和AngularDart^5.2.0
现在我想开发一个新组件来显示所选过程的详细信息。选择部分工作正常。“我的详细信息”组件当前如下所示：
@Component(
selector: 'procedure-item',
templateUrl: '''
<div>
{{procedure.packageName}}.{{procedure.name}}
</div>
''',
directives: [
],
)
class ProcedureItemComponent {
@Input()
Procedure procedure;
}
这个错误使我怀疑在组件之间传递复杂对象是不受支持的，或者传递它们有一些神奇的语法
我试过只使用“selectedProcedure”
和{{selectedProcedure}
，这会导致编译器错误。这让我觉得复杂对象在这种情况下是受支持的
是的，我的困惑是真实的
通过查看文档，我找不到任何关于这是否可能的提及。我能找到的每个示例都只发送String
s，但从来没有明确说明只支持String
s
这是否真的不受支持？如果是，我做错了什么？要将输入传递给组件，只需在输入名称周围使用方括号即可。如果不使用这些选项，Angular会尝试将输入设置为字符串，但这不起作用，因为它被定义为执行过程
<div *ngIf="selectedProcedure != null">
<procedure-item [procedure]="selectedProcedure"></procedure-item>
</div>
谢谢Jonah Williams，这很有魅力。谢谢你。只是出于兴趣，有记录吗？
<div *ngIf="selectedProcedure != null">
<procedure-item [procedure]="selectedProcedure"></procedure-item>
</div>