如果接口值不匹配，我们可以将响应数据绑定到Angular视图吗？

Question

我正在开发Mean Stack Application，我试图将响应数组数据绑定到我的角度视图，Angular应用程序s interface and API use different model value names , so is it possible to bind incoming API不更改值名称的情况下s interface and API use different model value names , so is it possible to bind incoming API数据进行绑定，

我从APIS收到的数据，

"_id": "5ddfc13d92eb1e27640b42b2",
        "degprog": "MCS",
        "session": "2017-21",
        "semester": "2nd",
        "c_code": "55",
        "c_title": "SE",
        "c_hours": "4234",
        "m_quiz": 30,
        "m_assign": 20,
        "c_coordinator": "Ali Abbas",
        "c_url": "www.CsinBestWay.com",
        "c_catelog": "catelog dont know",
        "c_tbook": "Cs In BestWay",
        "c_reference": "CsinBestWay",
        "c_goals": "To understand students ",
        "c_pre": "Special None",
        "m_lab": null,
        "m_mid": 75,
        "m_final": 75,
        "m_total": 200,

这是我的Angular界面

export interface CourseInterface {
    _id:any,
    degreeProgram:String,
    session:String,
    semester:String,
    courseTitle:String,
    courseCode:String,
    creditHours:String,
    pre:String,
    quiz:String,
    midTerm:String,
    finalTerm:String,
    assignment:String,
    lab:String,
    totalMarks:String,
    courseCoordinator:String,
    url:String,
    currentCatelogDescription:String,
    textBook:String,
    referenceMaterial:String,
    courseGoals:String}

这是我要获取数据的功能

getCourses(techId:any){
    this.courseService.showCourses(techId).subscribe(
      (Courses)=> this.course = Courses,
      (err:any)=>{
        console.log(err);
      }
   )}

当我尝试像这样（course？.courseTitle）绑定html时，如果我使用console.log（this.course），则没有任何内容获取完整的课程详细信息（如我在顶部所示）