angular - 无法将数据绑定添加到 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

标签： angularvisual-studiotypescript

Answer 1

@JB Nizet，感谢您提供有关使用ng build --aot. 这修复了它：

改为public roomDetails = {}; _public roomDetails;