タイプ2のタイプなしのAフレームコンポーネントを使用する

Question

タイピングがないAngular-CLIでライブラリを実行する方法はありますか？私の場合は

は、私がaframe-template-componentとdocumentation経由を使用するようにk-frameをインストールしようとしています、私は活字体でそれを使用するためにtypings.d.tsファイルを作成する必要があることを理解しています。 this質問によると、私はさまざまなオプションを試してみましたが、ファイルを生成したり、プロジェクト内で直接インポートすることはできません。

は、私が実行してdts-genをインストールすることも試してみましたが、私は次のエラーを取得しています：私は最初のフレームを登録する必要があることを意味

Component attempted to register before AFRAME was available

。私はしばらくの間立ち往生しているので、次の問題を解決する方法について考えていますか？あなたの返信を前にありがとう！

Answer 1

現時点では簡単ではありません。

私はAngularCliで試してみました。私はng newを使用して新しいプロジェクトを作成していると私は、この手順に従ってありますため、両方の（zone.jsに

npm install aframe aframe-template-component --save 

：

1. ng new kframetest

2. を使用してaframeとaframe-template-componentをインストールします。 Aフレーム） catch attributeChangedCallback zone.jsの前にAフレームをロードする必要があります。その後（ファイルpolyfills.tsに）私が追加しました：

   import 'aframe'; 
   import 'aframe-template-component'; 
   

   だけimport 'zone.js/dist/zone';

3. の前にテンプレートとしてkframe sampleを使用して、簡単なコンポーネントを作成します。 <a-entity>のような特別のHTMLタグを解析することができますアンギュラするためには

あなたは schemasプロパティを使用して NgModuleに CUSTOM_ELEMENTS_SCHEMAと NO_ERRORS_SCHEMAを追加する必要があります。

schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA] 

5. は、アプリケーションを実行します。今

コンソール、A-フレームランニングで、見ることができます：

Put the A-Frame script tag in the head of the HTML before the scene to ensure everything for A-Frame is properly registered before they are used from HTML.

aframe-master.js:75646 A-Frame Version: 0.5.0 (Date 10-02-2017, Commit #bf8b8f9) 
aframe-master.js:75647 three Version: ^0.83.0 
aframe-master.js:75648 WebVR Polyfill Version: dmarcos/webvr-polyfill#a02a8089b 

しかし、大きな問題が角度tryesは、HTMLを解析すると、彼はAFRAMEテンプレートの構文を理解していないということです、あなたはこのエラーを取得：

Unhandled Promise rejection: Template parse errors: Parser Error: Unexpected token # at column 6 in [src: #boxesTemplate] in KFrameTestComponent

</a-assets> 
<a-entity [ERROR ->]template="src: #boxesTemplate" 
      data-box1color="red" data-box2color="green" data-box3color"): KFrameTestComponent@10:12 

Property binding src not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the @NgModule.declarations .

</a-assets> 

私が探してきましたAngularなしでhtmlを追加すると解析されますが、見つけられませんでした...

私はテンプレートをインデックスhtmlに追加しようとしましたが、動作するようですが、あなたの希望する状況ではないことを理解しています。

現在地からコードを取得することができます。https://gitlab.com/jros/angularcli-kframe