angular5 - 无法绑定(bind)到 'show-close'，因为它不是 'modal-header' 的已知属性； modal-header' 不是 Angular 5 中的已知元素

Question

<modal #modal id="modalwindow">
<modal-header [show-close]="true">
Add New School Admin

我收到一个错误:

1. 如果“modal-header”是 Angular 组件并且具有“show-close”输入，则验证它是否是该模块的一部分。
2. 如果“modal-header”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。
3. 要允许任何属性，请将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”中。 (“

][显示关闭]="true"> 添加新的学校管理员

"): ng:///AddNewSchoolModule/addSchoolInfo.html@102:18 “modal-header”不是已知元素:

如果“modal-header”是 Angular 组件，则验证它是否属于此模块。

如果“modal-header”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。 (“

[ERROR ->] Add New School "): ng:///AddNewSchoolModule/addSchoolInfo.html@102:4 'modal' is not a known element:

如果“modal”是 Angular 组件，则验证它是否是该模块的一部分。

要允许任何元素，请将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”中。 (“

[ERROR ->]

at syntaxError (webpack-internal:///../../../compiler/esm5/compiler.js:706)

at TemplateParser.parse (webpack->internal:///../../../compiler/esm5/compiler.js:24882) atJitCompiler._parseTemplate(webpackinternal:///../../../compiler/esm5/compiler.js:34835)

atJitCompiler._compileTemplate(webpackinternal:///../../../compiler/esm5/compiler.js:34810)

at eval (webpack-internal:///../../../compiler/esm5/compiler.js:34711)

at Set.forEach ()

atJitCompiler._compileComponents(webpackinternal:///../../../compiler/esm5/compiler.js:34711) at eval (webpack-internal:///../../../compiler/esm5/compiler.js:34581)

at Object.then (webpack-internal:///../../../compiler/esm5/compiler.js:695)

atJitCompiler._compileModuleAndComponents(webpackinternal:///../../../compiler/esm5/compiler.js:34580)

提前致谢

Answer 1

我必须将应用程序升级到 Angular 5，然后遇到了这个问题。作者的 npm 页面 ( https://www.npmjs.com/package/ng2-bs3-modal ) 显示元素现在具有 bs- 前缀，并且 [show-close] 属性现在为 [showDismiss]:

<bs-modal #modal>
    <bs-modal-header [showDismiss]="true">
        <h4 class="modal-title">I'm a modal!</h4>
    </bs-modal-header>
    <bs-modal-body>
        Hello World!
    </bs-modal-body>
    <bs-modal-footer [showDefaultButtons]="true"></bs-modal-footer>
</bs-modal>