typescriptコンポーネントで 'import * as'を使用するとエラーが発生します -

Question

htmlテンプレートをtypescript コンポーネントにインポートしようとしていますが、エラーが発生します。私はAngular 1.5を使用しています。

コンポーネントが...このようになります

import * as template from './home.template.html'; 
import { HomeController } from './home.controller'; 

export const HomeComponent = { 
    bindings: { 
     conf: '<', 
    }, 
    controller: HomeController, 
    template, 
}; 

そしてthatsのは、このようなモジュールに追加...

import * as angular from 'angular'; 

import { HomeComponent } from './home.component'; 

export const HomeModule = angular.module('home', []) 
.component('home', HomeComponent); 

そして、私は取得していますエラーがある...

引数 '{bindings：{conf：string;};コントローラ：typeof HomeCon ... 'は' IComponentOptions '型のパラメータに代入できません。 プロパティ 'template'のタイプは互換性がありません。 タイプ 'typeof' .html ''はタイプ 'string'に割り当てられません。 （（... args：任意の[]）=>文字列）| （文字列|（（... args：任意の[]）=>文字列））[] '。 タイプ 'typeof' .html ''はタイプに割り当てられません（文字列|（（... args：任意の[]）=>文字列））[] '。 タイプ 'typeof' * .html ''にプロパティ 'find'がありません。

もし私がtemplate: template.toString()をHomeComponentに加えると、うまくいくようです。しかし、それは私にとって正しいとは感じません。その他の提案はありますか？

Answer 1

はどこか、あなたのコードは別の変更