2017-12-27 46 views
0

使用HTML-GL我想要什麼在我的角度(離子)項目

使用在我的角度項目中的組件庫裏面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>標籤的?

+0

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

+0

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

+0

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

回答

1

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

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

+0

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

+0

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

+0

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