如何使用反应形式将输入值与角度视图绑定?

时间:2019-11-29 15:40:47

标签: html arrays angular typescript

嗨,我从API获取这些值,我可以成功显示教师值,但是我不知道如何在我的角度视图中使用传入的“ COURSES”数组值?

这是来自其他API的响应

doSomething

当我使用

function doSomething(val){
  var sheet = SpreadsheetApp.getActiveSheet();
  var lastRow = sheet.getLastRow() + 1;
  sheet.getRange(lastRow, 1, 1, 1).setValue([val]);
}

这可以正常工作并显示Name,我如何使用Courses数组值?

2 个答案:

答案 0 :(得分:1)

类似的东西行吗?

 <tr>
    <th>Name</th>
    <td>{{teacher?.t_name}}</td>
    <td>{{teacher?.courses[0]?.theValueYoUWantToUse}}</td>
 </tr>

由于课程是一个数组,因此您需要指定索引

这里有一点堆叠闪电:https://stackblitz.com/edit/angular-bctbwv

或者您可以在此类课程上进行ngFor

enter code     <tr>
    <th>Name</th>
    <td>{{teacher?.t_name}}</td>
    <td><div *ngFor="let data of teacher.courses">{{data.session}}</div></td>
 </tr>

编辑:带有ngFor的stackblitz示例:https://stackblitz.com/edit/angular-wuppjm

答案 1 :(得分:0)

实际上,课程是可以在所需的html标签I.E中使用的数组类型

<li *ngFor="course of courses; index as i; trackBy: trackByValueYouWant">...</li>