Angular cli如何访问本地html文件？

Question

我正在使用角度cli 1.6.5 我试图通过get方法获取一个html文件

我在src/assets/result/file.html中添加了html文件 我在.angular-cli.json中添加了结果文件夹

"assets": [
   "assets",
   "result"
  ],

现在在我的组件中我试试这个

ngOnInit() {
 this.http.get('assets/result/file.html').subscribe((res) => {
  console.log(res);
 });
}

我错过了什么吗？

我想要实现的目标： 我构建了在我的infra组件上运行的npm包，并提取了html代码的示例。 例如

infra component

 /**
 *  @example
 *  <mgmt-ui-input
 *    [showIconX]="true"
 *    [showIconV]="true"
 *    (close)="onClose($event)"
 *  >
 *    <input type="text">
 *  </mgmt-ui-input>
 */
@Component({
  selector: 'mgmt-ui-input',
  templateUrl: './ui-input.component.html',
  styleUrls: ['./ui-input.component.scss'],
  encapsulation: ViewEncapsulation.None
})

npm包的结果是file.html

 <mgmt-ui-input
     [showIconX]="true"
     [showIconV]="true"
     (close)="onClose($event)"
   >
     <input type="text">
   </mgmt-ui-input>

现在在我的项目中有一个页面，所有的infra演示就像角度材料一样。为了自动处理我想在ace编辑器中显示html

结果会看起来

Answer 1

最后，我找到了我错过的东西。

HttpClient在内部调用响应映射到JSON。

为了阅读完整的回复需要设置选项{observe：'response'}

我在这里发现了更多关于它的信息 https://angular.io/guide/http#reading-the-full-response