在 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 中进行 multi-line 评论吗？

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>
  `
})

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>
})

以这种方式注释掉的 HTML 仍然添加到 DOM 但仅作为注释。

Answer 3

似乎不起作用，因为它只隐藏了 HTML，同时仍在尝试在注释部分执行打字稿代码。

在 Angular2 TypeScript 中注释（出）代码

Commenting (out) code in Angular2 TypeScript

javascript

comments

angularjs

angular