在我的角度（離子）項目

使用在我的角度項目中的組件庫裏面HTML-GL（與包括離子框架）。

我現在得到了什麼

我包括我的index.html庫裏面的腳本，右polyfills.js以上 - 這樣的：

<!-- HtmlGL import --> 
<script async src="assets/js/htmlgl.js"></script> 
<script async src="assets/js/htmlGL_pulse.js"></script>

眼下以下網頁元素的作品在index.html：

<html-gl> 
    <h1>This is an animated header</h1> 
<html-gl>

什麼是錯誤

當我把在html以上單獨的組件，我得到了以下錯誤：

Uncaught Error: Template parse errors: 
'html-gl' is not a known element

我怎樣才能確保該組件是知道`HTML-GL>標籤的？

來源

2017-12-27 Lars

使用'npm install --save html-gl'來安裝模塊 –

我在開始的時候這樣做了，但是這也不起作用。我忘了將它導入某處嗎？在Ionic中有什麼位置可以引導Javascript文件？ – Lars

我可能是錯的，但我相信HTML-GL不適用於Angular。 HTML-GL和Angular都處理DOM，而HTML-GL創建DOM元素的WebGL表示並隱藏實際的DOM，這將導致角度更改跟蹤出現問題。更何況，你在這裏遇到的問題是Angular認爲'html-gl'是一個Angular Component，它顯然不是。 – Claies

要使用不在Angular註冊表中的dom元素，您必須從angular core中導入自定義元素模式，並將其附加到您的NgModule的模式中。

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';。

來源

2017-12-27 14:52:17

是的，我這樣做，頁面沒有錯誤地呈現。但是，該組件未被動畫化。一個htmlgl的工作示例將會輸出一個html元素，比如''，但是它對模式做了什麼，它會呈現''。它錯過了參數。 – Lars

啊，請繼續。我已經解決了這個問題，一個人在這裏爲xdom，另一個webgl庫，雖然dom。但我目前在手機上，在這裏格式化一個帖子是可怕的。 –

@Lars我相信加載元素時x3dom會發生同樣的情況。 HTML gl庫將搜索html-gl的所有實例並初始化它。但該庫很可能只在窗口加載時檢查dom，因此元素中的組件設置不正確。您將不得不在加載組件後按以下所述加載庫：https://stackoverflow.com/questions/44260121/integrate-angular-and-x3d-render-a-simple-box/44261948#44261948 –

在我的角度（離子）項目

回答

相關問題