无法绑定到“关闭”状态'因为它不是“模态标题”的已知属性。模态报头'角度5中不是已知元素

时间:2018-02-13 14:32:43

标签: angular5

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

我收到了一个错误:

  1. 如果&#39;模态标题&#39;是一个Angular组件,它有&#39; show-close&#39;输入,然后验证它是否是该模块的一部分。
  2. 如果&#39;模态标题&#39;是一个Web组件,然后添加&#39; CUSTOM_ELEMENTS_SCHEMA&#39;到了&#39; @ NgModule.schemas&#39;该组件可以禁止显示此消息。
  3. 允许任何属性添加&#39; NO_ERRORS_SCHEMA&#39;到了&#39; @ NgModule.schemas&#39;这个组件。 (&#34;
  4. ] [显示闭] =&#34;真&#34;&GT; 添加新学校管理员

    &#34;):ng:///AddNewSchoolModule/addSchoolInfo.html@102:18 &#39;模态报头&#39;不是一个已知元素:

    1. 如果&#39;模态标题&#39;是一个Angular组件,然后验证它是否是该模块的一部分。
    2. 如果&#39;模态标题&#39;是一个Web组件,然后添加&#39; CUSTOM_ELEMENTS_SCHEMA&#39;到了&#39; @ NgModule.schemas&#39;此组件禁止此消息。 (&#34;
    3.   

        [错误 - &gt;]   添加新学校&#34;):ng:///AddNewSchoolModule/addSchoolInfo.html@102:4   &#39;模态&#39;不是一个已知元素:

      1. 如果&#39;模态&#39;是一个Angular组件,然后验证它是否是该模块的一部分。
      2. 允许任何元素添加&#39; NO_ERRORS_SCHEMA&#39;到了&#39; @ NgModule.schemas&#39;这个组件。 (&#34;

      3.   

        [错误 - &gt;]

             

             

             

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

             

        在TemplateParser.parse(webpack-&gt; internal:///../../../compiler/esm5/compiler.js:24882)   atJitCompiler._parseTemplate(webpackinternal:///../../../compiler/esm5/compiler.js:34835)

             

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

             <\ t> at eval(webpack-internal:///../../../compiler/esm5/compiler.js:34711)

             

        在Set.forEach()

             

        atJitCompiler._compileComponents(webpackinternal:///../../../compiler/esm5/compiler.js:34711)   在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)

        提前致谢

1 个答案:

答案 0 :(得分:2)

我不得不将应用程序升级到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>