我正在用角度应用程序中的国家/地区代码进行电话号码验证。由于我是这个主题的新手,因此出现了一些错误,我需要一些帮助,我遵循了“ 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)处