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

Question

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

我收到一个错误：

如果 'modal-header' 是一个 Angular 组件并且它有 'show-close' 输入，则验证它是该模块的一部分。
如果 'modal-header' 是 Web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到此组件的“@NgModule.schemas”以禁止显示此消息。
要允许任何属性添加 '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>

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

Can't bind to 'show-close' since it isn't a known property of 'modal-header'; modal-header' is not a known element in angular 5

angular5

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

Can't bind to 'show-close' since it isn't a known property of 'modal-header'; modal-header' is not a known element in angular 5

angular5

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