视口未显示从ts构造函数接收到的数据。

要解决“视口未显示从ts构造函数接收到的数据”的问题，需要先检查以下几个方面：

1. 确保数据正确传入构造函数。在构造函数中，检查参数是否正确传入，并将其赋值给组件的属性。例如：

export class MyComponent {
  inputData: string;

  constructor(data: string) {
    this.inputData = data;
  }
}

2. 确保组件的属性正确绑定到模板中。在模板中，确保正确绑定组件的属性并显示数据。例如：

<div>{{ inputData }}</div>

3. 确保组件已在视口中正确实例化和显示。在父组件或路由配置中，确保正确导入、声明并显示子组件。例如：

import { MyComponent } from './my-component.component';

@NgModule({
  declarations: [MyComponent],
  // ...
})
export class AppModule { }

<app-my-component></app-my-component>

如果仍然无法显示从构造函数接收到的数据，可以通过以下方法进行排查：

1. 在构造函数中添加日志输出，检查数据是否正确传入。

constructor(data: string) {
  console.log(data); // 检查数据是否正确传入
  this.inputData = data;
}

2. 在模板中添加其他的调试信息，检查组件是否正确显示。

<div>{{ inputData }}</div>
<!-- 添加其他调试信息 -->
<div>{{ inputData | json }}</div>

3. 检查浏览器的开发者工具中是否有任何错误或警告信息。

通过以上方法，应该能够找到并解决“视口未显示从ts构造函数接收到的数据”的问题。