![](/img/trans.png)
[英]Angular 2 RC 5 - Can't bind to '…' since it isn't a known property of '…'
[英]Can't bind to 'ngForOf' since it isn't a known property of 'ion-item' in Ionic / Angular 9
嘗試使用電話號碼填充簡單的無線電組列表時
無法綁定到“ngForOf”,因為它不是“ion-item”的已知屬性。
問題與 Angular 9 有關。 可能的解決方案是 BrowserModule 和 Common 模塊需要就位。 想我明白了。 然而,錯誤仍然存在。
離子信息:
Ionic CLI : 5.4.13
Ionic Framework : @ionic/angular 5.1.0
@angular-devkit/build-angular : 0.901.4
@angular-devkit/schematics : 9.1.4
@angular/cli : 9.1.4
@ionic/angular-toolkit : 2.2.0
Capacitor:
Capacitor CLI : 2.0.2
@capacitor/core : 2.0.2
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 6 other plugins)
Utility:
cordova-res (update available: 0.15.0) : 0.6.0
native-run (update available: 1.0.0) : 0.2.8
add-number.page.ts
import { Component, Input, OnInit, ViewChild } from '@angular/core';
import { ModalController, ToastController, IonRadioGroup } from '@ionic/angular';
import { FirebaseAuthService } from 'src/app/services/auth/user/auth_user.service';
import { PlayerDetailsModel } from '../../../../models';
import { FirebasePlayerService } from '../../../../services/firebase/players/firebase-players.service';
@Component({
selector: 'app-add-number',
templateUrl: './add-number.page.html',
styleUrls: [
'./styles/add-number.modal.scss',
'./styles/add-number.shell.scss',
],
})
export class AddNumberPage implements OnInit {
@Input() isModalRequired = false;
@ViewChild('radioGroup') radioGroup: IonRadioGroup;
public availableNumbers: string[] = [];
// radioForm: FormGroup;
//Get value on ionSelect on IonRadio item
selected_number: any;
constructor(
private _modalController: ModalController,
private _toastController: ToastController,
private _playerService: FirebasePlayerService,
private _authService: FirebaseAuthService
) {
}
radioGroupChange(event) {
console.log("radioGroupChange", event.detail);
}
radioSelect(event) {
console.log("radioSelect",event.detail);
this.selected_number = event.detail;
}
public dismissModal() {
this._modalController.dismiss();
}
private initalizeForm() {}
ngOnInit() {
this.availableNumbers.push("+16673039999")
this.availableNumbers.push("+16673039998")
this.availableNumbers.push("+16673039997")
this.availableNumbers.push("+16673039996")
console.log(this.availableNumbers)
// this.selected_number = this.availableNumbers[0];
}
}
添加編號.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { AddNumberPageRoutingModule } from './add-number-routing.module';
import { AddNumberPage } from './add-number.page';
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
AddNumberPageRoutingModule
],
declarations: [AddNumberPage]
})
export class AddNumberPageModule {}
add-number.page.html
<ion-content class="update-user-content">
<section class="user-details-fields fields-section">
<ion-list>
<ion-radio-group name="radio-group" allow-empty-selection="true" (ionChange)="radioGroupChange($event)" #radioGroup>
<ion-list-header>
<ion-label>Pick your TomLine phone number</ion-label>
</ion-list-header>
<ion-item *ngFor="let number of availableNumbers" (ionSelect)="radioSelect($event)">
<ion-label>{{number}}</ion-label>
<ion-radio slot="start" value="{{number}}" ></ion-radio>
</ion-item>
</ion-radio-group>
</ion-list>
</section>
</ion-content>
知道如何解決這個問題嗎?
.
編輯: https://pastebin.com/pVbFa6X3 app.module.ts
我有同樣的問題。 我假設 AddNumberPage 在您的應用程序的某處被用作模式,但我看不到在哪里。 由於您已將此 Modal 放在其自己的模塊中,因此您必須將該模塊導入模塊中,從那里創建您的 Modal。
將頁面添加到app-routingmodule.ts
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.