我有一个 angular2 应用程序。在我的页面中,最初不会加载文本或任何标签。当我选择任何样式并取消选中时,文本开始显示。任何想法,为什么会发生这种奇怪的事情?我不确定我们是否可以通过 CSS 处理这个问题,或者在我的 angular2 应用程序中包含文件时出现问题。任何输入都是可观的。
在我的模板文件中-
<div class="row">
<table>
<tr>
<td>Name</td>
<td>{{name}}</td>
</tr>
</table
</div>
在我的 .ts 文件中-
ngOnInit(){
this.getStudentInfo();
}
getStudentInfo(){
this.globalObject.getFullData().subscribe(
(data)=>{
this.name= data.student.name;
});
}
在 globalObject.ts-
setFullData(data){
this.completeData=data;
}
getFullData(data){
return Observable.of(this.completeData);
}
我正在使用角度材料设计来显示内容的另一个模板文件-
<div class="wrapper">
<md-card>
<md-title>
<h1>Student Information</h1>
</md-title>
<md-content>
<div>
<md-input aria-placeholder="Name" placeholder="Name" [(ngModel)] = "" #name="ngModel"></md-input>
<span class="validation">Name is required</span>
</div>
</md-content>
</md-card>
</div>
因此,在我的整个应用程序中,当我必须从一个屏幕导航到另一个屏幕并且需要使用数据时,我会将数据保存到全局对象。在下一个屏幕中,我从全局对象中获取数据。这是我的应用程序的基本流程。
在这两种情况下,如果我登陆屏幕,内容不会显示。当我检查并检查并取消选中特定样式时,即使在页面刷新后它也会开始显示并保留。不确定,发生了什么。有没有人遇到过类似的问题。