Angular 5无法将接口对象显示为html

// 接口定义
interface MyInterface {
  name: string;
  age: number;
}

// 类实现接口
class MyClass implements MyInterface {
  name: string;
  age: number;
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div>
      <p>Name: {{ myObject.name }}</p>
      <p>Age: {{ myObject.age }}</p>
    </div>
  `
})
export class MyComponent {
  myObject: MyClass;

  constructor() {
    this.myObject = new MyClass();
    this.myObject.name = 'John';
    this.myObject.age = 25;
  }
}