2016-10-29 17 views
1

平均スタックアプリにangle-cliでビルドされた別のアプリからいくつかのコンポーネントを移植しています。そこにいくつかの折りたたみ式のカードは、元のアプリであると私は、彼らが展開または縮小されたときのために見て、それぞれの機能でそれらを上に移動するとき、私はこのエラーを取得し、component.htmlファイルでクリック機能で角をつける角度2

Can't bind to 'collapse' since it isn't a known property of 'div'. ("btn-block responsive-width" (click)="isCollapsed = !isCollapsed">§ 601 Short title ][collapse]="isCollapsed" class="card card-block card-header">

これはonClickのです

<button type="button" class="building btn btn-info btn-primary btn-default btn-lg btn-block responsive-width" (click)="isCollapsed1 = !isCollapsed1">§ 602 Congressional findings and statement of purpose</button> 
      <div [collapse]="isCollapsed1" class="card card-block card-header"> 

と私はその状態をチェックするブール値を持っているcomponent.tsファイル内の関数

export class FcraComponent { 

    constructor() { } 
    public isCollapsed:boolean = true; 

私は、元のアプリでこのアプリでNG2-ブートストラップを使用しましたブートストラップのコアファイルをインポートし、インデックスファイルに追加しました。だからCSSは動作しているが、何らかの理由でこれをdivにバインドすることはできない。

これはなぜng2なしで動作するのか、それを修正する方法を説明してください。

+0

元のアプリでng2-bootstrapを使用したとします。あなたは新しいものにいませんか?私はng2-bootsrapを使用したことはありませんでしたが、 'collapse'はそのライブラリからの指示であることを賭けています。あなたはライブラリからそれを取得する必要がありますかライブラリを使用することができない場合は、独自の崩壊の指示を作成 –

+0

あなたは非常に正しいです。私はちょうど崩壊部門を作っている人の例をオンラインで見つけました。その例では、ディレクティブを作成しています。だからあなたの前提は正しいはずです。学習経験。あなたはその指示を書くか、図書館を使うのが良いと思いますか?アプリの総合的なパフォーマンスについては、違いがあると思いますか? – wuno

答えて

2

このエラー: Can't bind to 'collapse' since it isn't a known property of 'div'. は、それがネイティブのHTMLプロパティではありません、それをどのように処理するかを述べているあなたのコード内で定義されたものは何もありませんので、角度が「崩壊」にバインドする方法を知らないことを意味します。上のコメントのように、折り畳みプロパティを処理する方法を理解しているAngular 2ディレクティブを作成するか、別の場所からディレクティブをインポートする必要があります。

+0

ありがとうございます。あなたはどちらも正しい。 – wuno