Javascript app.ts未在plunkr上渲染

我不熟悉angular，并尝试遵循一条路线，但由于某种原因，app.ts（我在plunkr angular样板文件中修改的唯一文件）无法呈现。下面是我的代码：

    //our root app component
import { Component, NgModule, VERSION } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

@Component({
  selector: 'my-app',
  template: `
  <form>
  <input type="text" required [(ngModel)]="model.search" ngControl="search" #inputSearch="ngForm">
  <p class="error" [hidden]="inputSearch.valid"> This input is required</p>


  </form>

  `,
  styles: [`
  .error {
    color: red;
    font-size: 11px;
  }
  `]
})
export class App {
  public model = {
    search: "" 
  }

  constructor() {

  }

@NgModule({
  imports: [BrowserModule],
  declarations: [App],
  bootstrap: [App],
})
export class AppModule {}

//我们的根应用程序组件
从'@angular/core'导入{Component，NgModule，VERSION}；
从“@angular/platform browser”导入{BrowserModule}；
@组成部分({
选择器：“我的应用程序”，
模板：`
此输入是必需的
`,
风格：[`
.错误{
颜色：红色；
字体大小：11px；
}
`]
})
导出类应用程序{
公共模型={
搜索：“
}
构造函数（）{
}
@NGD模块({
导入：[BrowserModule]，
声明：[App]，
引导：[应用程序]，
})
导出类AppModule{}

以下是错误打印输出：

gtm.js？id=gtm-T6RZMX:168获取0 （）match.adsrvr.org/tra…addthis&ttd_tpi=1:1 GET 0 （）secure.adnxs.com/get…%24UID%26ssrc%3D1:1 get 0（）VM4056 runtime.9ff15…16d788666a54a.js:16获取 404（）VM4056 runtime.9ff15…16d788666a54a.js:16获取 404（）VM4073 plugin.js:385 TypeScript[错误] VM4073 plugin.js:385类型脚本[错误]；（TS1005）VM4073 plugin.js:385 TypeScript[错误] VM4073 plugin.js:385 TypeScript[错误]；”应为。（TS1005）VM4056 runtime.9ff15…16d788666a54a.js:16错误：TypeScript transpilation 实例化失败 加载 加载 在We.eval（VM4073 plugin.js:319） 步骤（VM4073 plugin.js:77） 在Object.eval[as next]（VM4073 plugin.js:26） 在完成时（VM4073 plugin.js:7）编辑器-1.17.0.js:7身份验证标记：“6930491cbf9152a726a2d76cb6e0d81e784e67a0”，id:1596808，数据：{…}， 服务：“github”}editor-1.17.0.js:2事件跟踪的Plunk还原 边栏未定义未定义运行时。9ff156e…js:16获取 404 () runtime.9ff156e…js:16获取 404（）plugin.js:385 打字脚本[错误] plugin.js:385 TypeScript[错误]；”应为。（TS1005）plugin.js:385 TypeScript [错误] plugin.js:385 TypeScript[错误]；（TS1005） runtime.9ff156e…js:16错误：TypeScript转换失败
实例化
装载 在We.eval（VM4073 plugin.js:319） 步骤（VM4073 plugin.js:77） 在Object.eval[as next]（VM4073 plugin.js:26） 完成时（VM4073 plugin.js:7）

---

这可能是因为我试图以一种旧的方式实现双向数据绑定吗？

正如Jonathan Lonowski所说，这是由于

类应用程序中缺少一个右大括号造成的，你看到了什么错误？我刚刚添加了错误。似乎
类应用程序
缺少右大括号。非常感谢！！！似乎已经解决了这个问题这不是问题。