相关疑难解决方法(0)

我正在使用Angular Maps构建地图应用程序,并希望将JSON文件导入为定义位置的标记列表.我希望在app.component.ts中使用这个JSON文件作为marker []数组.而不是在TypeScript文件中定义硬编码的标记数组.

导入此JSON文件以在我的项目中使用的最佳过程是什么？任何方向都非常感谢!

组件定义如下：

import {Component} from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.less']
})
export class AppComponent {

}

我想加载一些特定的组件而不是“app.component.html”扩展名为“app.component.htm”的文件

@Component({
  selector: 'app-root',
  templateUrl: './app.component.htm',
  styleUrls: ['./app.component.less']
})

由于某种原因它不起作用它说：

ERROR in ./app.component.htm 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
<p>
  app component works!
</p>
?wdm?: Failed to compile. 

请帮我找到一种加载htm文件的方法？我知道有一种方法可以使用 Webpack 进行引导，我想保留 ng-serve\cli angular.json 的当前版本！

谢谢！

我有这个简单的 angular 项目，但在导入我创建的本地 json 文件时遇到问题。这是 JSON 文件：

{
    "id": 1,
    "firstName": "Uziel",
    "lastName": "Cabanban",
    "car" : {
        "brand": "Toyota",
        "model": "Vios",
        "year": 2017
    }
}

JSON 文件存储在此目录中：src/assets/sampleJson.json.

这是我尝试导入所述 json 文件的组件：

import { Component, OnInit } from '@angular/core';
import SampleJson from '../assets/sampleJson.json';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {

}

我还没有写任何东西，因为我看到了一条红线 import SampleJson from '../assets/sampleJson.json

任何建议将不胜感激