Question

我在Angular 2中有一个组件，如下所示：

＆＃13;

@Component({
  selector: 'gal-tour-summary',
  template: 'Show variable: {{this.testVariable}}', 
  styleUrls: ['./tour-summary.component.css']
})
export class TourSummaryComponent implements OnInit {

  cruise: any;
  itineraries: any;
  testVariable: string; //This is the variable i have created

  constructor(private utils: UtilsService) {
	testVariable = "Why this text does not appearr in my page when the component is loaded??"; //Here, in the constructo, I put some value to my variable, so, it should appear in my html now, right?
  }

  ngOnInit() {
    this.cruise = this.utils.linked['selectedBarco'];
    this.itineraries = this.createIterDay(this.cruise.itinerarios[this.cruise.iterIndex].tipoItinerario.detalleItinerarioList);
    console.log( 'Total de itinerarios: ' + this.itineraries.length );
  }
}

＆＃13;

问题是我试图在HTML中显示testVariable的值，但这不起作用。我尝试了一切。这可能是什么问题？你们中有谁有过同样的问题吗？

提前致谢！

Answer 1

我找到了解决方案。这可能听起来很愚蠢而且很明显，但我想这可能对Angular和Web Development的新手有所帮助。

我的组件还可以！但是在JS控制台中，我可以看到另一个组件中存在错误。解决这个问题（在另一个组件中）我的应用程序开始正常工作。

我在这里学到的是，组件中的错误可能会使其他组件和功能无法正常工作。感谢那些回答这个问题的人。

Angular 2：当我第一次加载页面时，属性的组件值没有显示在html（DOM）中

1 个答案: