Angular 如何在角度模板中打印对象值

我试图通过{{object name}}打印对象值，但没有得到响应，因为它没有打印，不确定我缺少了什么

等级

导出类RadioButtonQuestion扩展了问题库{
controlType='radio'；
选项：{key:string，value:string}[]=[]；//我需要打印此对象以进行广播
构造函数（选项：{}={}）{
超级（期权）；
this.options=选项['options']| |[]；
}

元数据

let-questions:QuestionBase[]=[
新RadioButtonQuestion({
关键：“吃冰淇淋”，
标签：“你喜欢吃什么冰淇淋？”，
订单：6，
选项：[
{名称：'冰淇淋'，键：'香草'，值：'香草'}，
{名称：'ice-cream'，键：'banana'，值：'banana'}，
{名称：'ice-cream'，键：'apple'，值：'apple'}，
],
})
];

在下面的代码中，{opt.value}}不打印任何值

模板

收音机
无线电
{{opt.value}}

您有一个打字错误。您当前有

选择提问。选项

，应该是

选择提问。选项

您的代码应该是：

<input *ngFor="let opt of questions.options" type="radio" [name]="opt.name" [value]="opt.key">{{opt.value}}

---

我开始工作了；还添加了复选框

<div *ngSwitchCase="'radio'">radio
  <small>radio</small> 
    <div *ngFor="let opt of question.options" >
        <input type="radio" [name]="opt.name" [value]="opt.key"/> {{opt.value}}
    </div> 
</div>

 <div *ngSwitchCase="'checkbox'">
  <small>checkbox</small>
  <div *ngFor="let opt of question.options" >
        <input type="checkbox" [name]="opt.name" [value]="opt.key"/> {{opt.value}}
    </div>      
</div> 

收音机
无线电
{{opt.value}}
复选框
{{opt.value}}

你能试试{{obj | json}}而不是{{obj.value}检查

value

是否可用

let opt of question.options

。但是您的变量名为

questions

。您的模板上是否有循环？首先，使用ng作为on ng容器而不是输入标记，同时提供id，它将解决您的问题。否，当我使用|时，它会抛出错误未捕获错误：模板parse错误：找不到管道“value”（{{[ERROR->]opt | value}}太好了，很高兴我能帮忙！）

<div *ngSwitchCase="'radio'">radio
   <small>radio</small> 
      <input *ngFor="let opt of question.options" type="radio" [name]="opt.name" [value]="opt.key">{{opt.value}}
</div>

<input *ngFor="let opt of questions.options" type="radio" [name]="opt.name" [value]="opt.key">{{opt.value}}

<div *ngFor="let opt of options.questions" >
  <input type="radio" [value]="opt.key"/> {{opt.value}}
</div>

<div *ngSwitchCase="'radio'">radio
  <small>radio</small> 
    <div *ngFor="let opt of question.options" >
        <input type="radio" [name]="opt.name" [value]="opt.key"/> {{opt.value}}
    </div> 
</div>

 <div *ngSwitchCase="'checkbox'">
  <small>checkbox</small>
  <div *ngFor="let opt of question.options" >
        <input type="checkbox" [name]="opt.name" [value]="opt.key"/> {{opt.value}}
    </div>      
</div>