Question

我有一个延迟加载page1的离子页面，我想使用我生成的自定义组件。所以，当我生成组件并且CLI让我这样时：

components
  result
   result.html
   result.scss
   result.ts
components.module.ts

和 components.module.ts 包含：

import { NgModule } from '@angular/core';
import { ResultComponent } from './result/result';
@NgModule({
    declarations: [ResultComponent],
    imports: [],
    exports: [ResultComponent]
})
export class ComponentsModule {}

result.ts //相关代码

import { Component, Input } from '@angular/core';
import { NavController } from 'ionic-angular';
import { NativePageTransitions, NativeTransitionOptions } from '@ionic-native/native-page-transitions';

@Component({
  selector: 'result',
  templateUrl: 'result.html'
})
export class ResultComponent {

@Input() toSlide:string;
@Input() isCorrectValue:boolean;

page1.html

<result [toSlide] = "link" [isCorrectValue]="result"></result>

page1.module.ts

import { ResultComponent } from './../../components/result/result';
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { Page1Page } from './page1';

@NgModule({
  declarations: [
    Page1Page,
    ResultComponent
  ],
  imports: [
    IonicPageModule.forChild(Page1Page),
  ],
})
export class Page1PageModule {}

错误是：

未捕获（承诺）：错误：模板解析错误：无法绑定到'toSlide'，因为它不是'result'的已知属性。（“] [toSlide] =”link“[isCorrectValue] =”result“＆gt;”）：ng：/// Page1PageModule/Page1Page.html

...

如果我从结果中移除属性html代码运行良好但它没用。我认为这是一个小问题，但我无法让它发挥作用。

此外，我想通过导入 app.module.ts 中的组件而不是每个页面模块

来使其工作

我在这里做错了什么？谢谢！

离子3组件Input（）值“不是延迟加载页面中使用的组件的已知属性”

0 个答案: