angular - 无法将数据绑定(bind)添加到 Angular 6 组件

Question

我有一个 component.ts文件如下:

@Component({
  selector: 'app-room-details-detail',    
  templateUrl: './room-details-detail.component.html',    
  styleUrls: ['./room-details-detail.component.css']
})

export class RoomDetailsDetailComponent implements OnInit {    
  private roomDetails = {};    
  private test = "Hello";

  constructor(private roomDetailsService: RoomDetailsService) { }

  ngOnInit() {   
    this.getRoomDetails();
  }

  public getRoomDetails() {    
    this.roomDetailsService.getRoomDetails().subscribe(data => {
      this.roomDetails = data;
      console.log(data);
    });
  }
}

数据如下所示:{"floorArea":15.65333333,"volume":56.546333333,"paintRequired":9.768542}

当我添加:<li>{{roomDetails.floorArea}}</li>或 <li>{{test}}</li> 到我的 component.html 文件，我在构建时收到此错误:

命令ng build --aot以代码 1 退出。

我正在使用 Visual Studio 15.7.6

Answer 1

@JB Nizet，感谢您提供有关使用 ng build --aot 的提示。这修复了它:

将 public roomDetails = {}; 更改为 public roomDetails;