未被捕获(承诺):错误:模板解析错误:在Angular 6

时间:2018-11-22 03:35:21

标签: html angular typescript

我正在用角度应用程序中的国家/地区代码进行电话号码验证。由于我是这个主题的新手,因此出现了一些错误,我需要一些帮助,我遵循了“ ngx-intl-tel-input”国际电话输入,并且链接为“ 以及此处提供的文档documentation

h2 {
    margin: 40px 10px;
  }
  
  .avatar {
    margin-left: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid white;
  }
  
  .marquee {
    background: #ff5d5d;
    min-height: 250px;
    padding: 20px;
    color: white;
    align-items: center;
    display: flex;
  }
  
  .marquee h1 {
    text-align: center;
    font-size: 52px;
    font-family: 'Baloo', cursive;
  }
  
  span {
    margin-left: 50px;
  }
  
 <div class="container">
    <div class="container">
      <h2>Standard Usage</h2>
      <ngx-intl-tel-input [(value)]="phone_number_standard" [preferredCountries]="preferredCountries"></ngx-intl-tel-input>
      <span>Phone number : </span>{{phone_number_standard}} 
    </div>
    <div class="container">
      <h2>Preferred Countries</h2>
      <!-- <ngx-intl-tel-input [(value)]="phone_number" [preferredCountries]="phone_number_preferred"></ngx-intl-tel-input>
      <span>Phone number : </span>{{phone_number}} -->
    </div>
  </div>

error Log`core.js:1673 ERROR Error: Uncaught (in promise): Error: Template parse errors:

不能绑定到“值”,因为它不是“ ngx-intl-tel-input”的已知属性。 1.如果“ ngx-intl-tel-input”是Angular组件,并且具有“值”输入,则请验证它是否属于此模块。 2.如果“ ngx-intl-tel-input”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 3.要允许任何属性,请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。 (“            

标准用法

      ] [(值)] =“电话号码标准” [preferredCountries] =“ preferredCountries”>    ”):ng:///CountryCodePageModule/CountryCodePage.html@18:26 无法绑定到“ preferredCountries”,因为它不是“ ngx-intl-tel-input”的已知属性。 1.如果“ ngx-intl-tel-input”是Angular组件,并且具有“ preferredCountries”输入,则请验证它是否属于此模块。 2.如果“ ngx-intl-tel-input”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 3.要允许任何属性,请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。 (“ ntainer”>       

标准用法

      ] [preferredCountries] =“ preferredCountries”>       电话号码:{{p“):ng:///CountryCodePageModule/CountryCodePage.html@18:60 'ngx-intl-tel-input'不是一个已知元素: 1.如果“ ngx-intl-tel-input”是Angular组件,请验证它是否属于此模块。 2.如果“ ngx-intl-tel-input”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 (“            

标准用法

      [错误->]       

标准用法

      ] [(值)] =“电话号码标准” [preferredCountries] =“ preferredCountries”>    ”):ng:///CountryCodePageModule/CountryCodePage.html@18:26 无法绑定到“ preferredCountries”,因为它不是“ ngx-intl-tel-input”的已知属性。 1.如果“ ngx-intl-tel-input”是Angular组件,并且具有“ preferredCountries”输入,则请验证它是否属于此模块。 2.如果“ ngx-intl-tel-input”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 3.要允许任何属性,请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。 (“ ntainer”>       

标准用法

      ] [preferredCountries] =“ preferredCountries”>       电话号码:{{p“):ng:///CountryCodePageModule/CountryCodePage.html@18:60 'ngx-intl-tel-input'不是一个已知元素: 1.如果“ ngx-intl-tel-input”是Angular组件,请验证它是否属于此模块。 2.如果“ ngx-intl-tel-input”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 (“            

标准用法

      [错误->])     在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents(compiler.js:23948)     在compile.js:23858     在Object.then(compiler.js:1012)     在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents(compiler.js:23857)     在语法错误(compiler.js:1021)     在TemplateParser.push ../ node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse(compiler.js:14830)     在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate(compiler.js:24018)     在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate(compiler.js:24005)     在compile.js:23948     在Set.forEach()     在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents(compiler.js:23948)     在compile.js:23858     在Object.then(compiler.js:1012)     在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents(compiler.js:23857)     在resolvePromise(zone.js:814)     在resolvePromise(zone.js:771)     在zone.js:873     在ZoneDelegate.push ../ node_modules / zone.js / dist / zone.js.ZoneDelegate.invokeTask(zone.js:421)     在Object.onInvokeTask(core.js:3811)     在ZoneDelegate.push ../ node_modules / zone.js / dist / zone.js.ZoneDelegate.invokeTask(zone.js:420)     在Zone.push ../ node_modules / zone.js / dist / zone.js.Zone.runTask(zone.js:188)     在rainMicroTaskQueue(zone.js:595)处

0 个答案:

没有答案