在 Angular2 TypeScript 中注釋（出）代碼

Question

我有以下 Angular2 TypeScript 代碼，其中有一部分按照 Javascript 約定注釋掉了：

@Component({
    selector: 'my-app',
    template:
    `<h1>{{title}}</h1>
    <h2>{{lene.name}}</h2>
    <div><label>id: </label>{{lene.id}}</div>
    /*<div>
       <label>name: </label>
       <input [(ngModel)]="lene.name" placeholder="name">
    </div>*/`
    <div><label>description: </label>{{lene.description}}</div>
})

但是，一旦 TypeScript 編譯為 Javascript，我的 Web 瀏覽器就會得到以下輸出：

我搜索了 API 文檔，但找不到指定此非常基本功能的語法的條目。 有人知道在 TypeScript 中如何進行多行注釋嗎？

Answer 1

/* */是打字稿注釋分隔符

它們在字符串文字中不起作用。

您可以使用 HTML 注釋語法代替<!-- --> 。

@Component({
    selector: 'my-app',
    template:
    `<h1>{{title}}</h1>
    <h2>{{lene.name}}</h2>
    <div><label>id: </label>{{lene.id}}</div>
    <!-- <div>
       <label>name: </label>
       <input [(ngModel)]="lene.name" placeholder="name">
    </div> -->'
    <div><label>description: </label>{{lene.description}}</div>
})

以這種方式注釋掉的 HTML 仍然會添加到 DOM 中，但只是作為注釋。

Answer 2

如果您在模板中，請使用 HTML 注釋<!-- ... --> ：

@Component({
  selector: 'my-app',
  template: `
    <h1>{{title}}</h1>
    <h2>{{lene.name}}</h2>
    <div><label>id: </label>{{lene.id}}</div>
    <!-- div>
      <label>name: </label>
      <input [(ngModel)]="lene.name" placeholder="name">
    </div-->
    <div><label>description: </label>{{lene.description}}</div>
  `
})

Answer 3

但是，似乎不起作用，因為它只隱藏了 HTML，同時仍在嘗試執行注釋部分中的打字稿代碼。