無法綁定到'stackConfig'，因爲它不是'div'的已知屬性。 （」

Question

我試圖建立一個ionic2打火卡應用下面這個教程https://devdactic.com/ionic-2-tinder-cards但得到了一個錯誤：

Unhandled Promise rejection: Template parse errors: 
Can't bind to 'stackConfig' since it isn't a known property of 'div'. (" 

任何解決方案

Answer 1

您需要添加SwingModule進口的應用程序？ module.ts見樣本應用程序配置在https://github.com/ksachdeva/angular2-swing-example/blob/master/src/app/app.module.tsenter code here

@NgModule({ 
    declarations: [ 
     AppComponent 
    ], 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     HttpModule, 
     SwingModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
    }) 

Answer 2

cards: Array<any>; 
    stackConfig: any; 
    recentCard: string = ''; 
    constructor(public navCtrl: NavController,private http: Http, public navParams: NavParams,public modalCtrl: ModalController) { 
     this.stackConfig = { 
      throwOutConfidence: (offsetX, offsetY, element) => { 
      return Math.min(Math.abs(offsetX)/(element.offsetWidth/2), 1); 
      }, 
      transform: (element, x, y, r) => { 
      this.onItemMove(element, x, y, r); 
      }, 
      throwOutDistance: (d) => { 
      return 800; 
      } 
     }; 

     } 
     ngAfterViewInit() { 
     // Either subscribe in controller or set in HTML 
     this.swingStack.throwin.subscribe((event: DragEvent) => { 
      event.target.style.background = '#ffffff'; 
     }); 

     this.cards = [{email: ''}]; 
     this.addNewCards(1); 
     } 

Answer 3

添加這兩個MOD ules HttpModule，SwingModule到你的pagename.module.ts，因爲本教程使用ionic 2我認爲。我們將不得不單獨添加swing模塊到創建的新頁面。