无法绑定到属性,因为它不是组件的已知属性

时间:2019-09-02 05:02:36

标签: angular

我在应用程序中有两个文件夹:

public class Person {
    private StringProperty name = new SimpleStringProperty();
    private StringProperty birthday = new SimpleStringProperty();

public Person() {
}

public Person(String name, String birthday) {
    setNameValue(name);
    setBirthdayValue(birthday);
}

public StringProperty getNameProperty() {
    return name;
}

public String getNameValue() {
    return name.getValue();
}

public void setNameValue(String value) {
    name.setValue(value);
}

public StringProperty getBirthdayProperty() {
    return birthday;
}

public String getBirthdayValue() {
    return birthday.getValue();
}

public void setBirthdayValue(String value) {
    birthday.setValue(value);
}

@Override
public String toString() {
    return getNameValue()+" ("+getBirthdayValue()+")";
}

}

每个都包含自己的模块文件。

我已经在主模块中导入了共享模块,以便可以在Main中使用共享组件:

enter image description here

我在Shared中有一个小吃店组件:

enter image description here

enter image description here

我想做的是从主文件夹组件之一中获取输入:

enter image description here

但是我得到一个错误:

enter image description here

我不确定我在哪里犯错。

谢谢。

3 个答案:

答案 0 :(得分:2)

SnackBar组件应在Shared模块中声明并导出。

@NgModule({
  // ...
  declarations: [ SnackBarComponent ],
  exports:      [ SnackBarComponent ],
  // ...
})
export class SharedModule { }

Shared模块应导入Main模块中。 (以角度方式

@NgModule({
  // ...
  imports:      [ SharedModule ],
  // ...
})
export class MainModule { }

答案 1 :(得分:1)

您需要将shared模块添加到main模块imports列表中。仅在文件顶部将其引用为import是不够的。请参阅Angular文档:https://angular.io/guide/sharing-ngmodules

答案 2 :(得分:1)

得到答案!在共享模块文件中,我忘记将SnackBarComponent放在导出数组中:

enter image description here

感谢您的回答。