app.ts не рендерится на планкре - PullRequest
Новая
       42

app.ts не рендерится на планкре

0 голосов
/ 10 июня 2018

Я новичок в angular и пытаюсь следовать курсу, но по какой-то причине app.ts (единственный файл, который я изменил в угловом шаблоне plunkr) не будет отображаться.Ниже мой код: 

    //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 {}

Вот распечатка ошибки:

gtm.js? Id = GTM-T6RZMX: 168 GET https://static.ads -twitter.com / oct.js 0 () match.adsrvr.org/tra…addthis&ttd_tpi=1:1 GET https://match.adsrvr.org/track/cmf/generic?ttd_pid=addthis&ttd_tpi=1 0 () secure.adnxs.com/get…%24UID%26ssrc%3D1:1GET https://secure.adnxs.com/getuid?https%3A%2F%2Fsu.addthis.com%2Fred%2Fusync%3Fpid%3D6%26puid%3D%24UID%26ssrc%3D1 0 () VM4056 runtime.9ff15… 16d788666a54a.js: 16 GET https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/main.js 404 () VM4056 runtime.9ff15… 16d788666a54a.js: 16 GET https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/app.js 404 ()VM4073 plugin.js: 385 TypeScript [Ошибка] ';' 385 TypeScript [Ошибка] *; 1019 * VM4073 plugin.js: 385 TypeScript [Ошибка] ';'ожидается.(TS1005) VM4073 plugin.js: 385 TypeScript [Ошибка] https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/app.ts:33:24 VM4073 plugin.js: 385 TypeScript [Ошибка] ';'ожидается.(TS1005) VM4056 runtime.9ff15… 16d788666a54a.js: 16 Ошибка: сбой при переносе TypeScript Создание экземпляра https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/app.js Загрузка https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/main.js Загрузка https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/main.js на We.eval (VM4073 plugin.js: 319) на шаге (VM4073 plugin.js: 77) в Object.eval [как следующий] (VM4073 plugin.js: 26) при выполнении (VM4073 plugin.js: 7) editor-1.17.0.js: 7 AUTH {токен:"6930491cbf9152a726a2d76cb6e0d81e784e67a0", id: 1596808, данные: {…}, service: "github"} editor-1.17.0.js: 2 Отслеживание события: восстановление боковой панели Plunk не определено неопределенное время выполнения.9ff156e… .js: 16 GET *1028* 404 () runtime.9ff156e… .js: 16 GET https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/app.js 404 () plugin.js: 385 TypeScript [Ошибка] https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/app.ts:37:14 plugin.js: 385 TypeScript [Ошибка] ';'ожидается.(TS1005) plugin.js: 385 TypeScript [Ошибка] ';' 385 TypeScript [Ошибка] https://run.plnkr.co/rhpwnL6UIQwCFOKZ/src/app.ts:37:24 plugin.js: 385 TypeScript [Ошибка] ';'ожидается.(TS1005) runtime.319) на шаге (VM4073 plugin.js: 77) в Object.eval [как следующий] (VM4073 plugin.js: 26) при выполнении (VM4073 plugin.js: 7)

Может ли это бытьчто я пытаюсь реализовать 2way привязку данных по-старому?

1 Ответ

0 голосов
/ 11 июня 2018

Как заявил Джонатан Лоновски, это произошло из-за отсутствия закрывающей скобки в class App.

...