Angular 2 - 需要元素的脚本

时间:2016-11-22 00:50:35

标签: angular angular-cli aframe

当我尝试在我的组件中使用脚本化的A-Frame元素而不是index.html时出现错误。仅在运行index.html时,注释部分才有效。

  <script src="https://aframe.io/releases/0.3.2/aframe.js"></script>
<!--
  <a-scene>
  </a-scene>
-->

然而,当我发送'a-scene&#39;元素进入我的组件它不起作用。

@Component({
  selector: 'app-test0',
  template: `
    <a-scene>
    </a-scene>
  `,
  styles: []
})

我在控制台中出现这个错误。

&#34; 1。如果是一个场景&#39;是一个Angular组件,然后验证它是否是该模块的一部分。&#34;

&#34; 2。如果是一个场景&#39;是一个Web组件,然后添加&#34; CUSTOM_ELEMENTS_SCHEMA&#34;到了&#39; @ NgModule.schemas&#39;此组件可以禁止显示此消息。&#34;

1 个答案:

答案 0 :(得分:1)

我能够(有点)工作。我收到了A-Frame VR的错误,但这似乎超出了这个问题的范围。我能够通过“app.module.ts”文件解决问题。

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

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

@NgModule({
  declarations: [
    AppComponent,
    Test0Component
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

@NgModule({
  declarations: [
    AppComponent,
    Test0Component
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})