2016-08-04 3 views
0

を動作していないブートストラップとAngularjsと箱:オープン私はAngularJSで始まる、と私は単純に、このようなボックスを開こうとすると、ブートストラップとAngularjsの間に矛盾があるなぜ私が疑問に思って

リンク:

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#open-baggage-box" aria-expanded="false" aria-controls="open-baggage-box">Add Now</a> 

ボックス:

<div id="open-baggage-box" class="collapse add-price-section"> 
     <div class="open-holder"> 
      <div class="container"> 
      </div> 
     </div> 
    </div> 

「これは実際に動作しないと私はドン本当に理由は分かりません。ありがとう

答えて

1

角度テンプレートは通常動的に読み込まれるため、ブートストラップはレンダリングされる前に折り畳み要素を探すことができます。

AngularJSでBootstrap UI要素を使用する場合は、UI Bootstrapを使用してAngularディレクティブを実装することをお勧めします。あなたのケースでは

collapse directiveは仕事:)

+0

おかげ@Marcinを行います。ブートストラップUIを使用したくない場合はどうすればよいですか? – maevy

+0

@maevy私はあなたがその多くの選択肢を持っていないと思う。その動作を模倣する独自の指示文を書くことができます(この単一の指示文をブートストラップUIソースから抽出してプロジェクトで使用することもできます)。 Angularでは非常に頻繁に起こります。すべてをスムーズに実行するには、Angularのライブラリを直接使用する必要があります(特にjQueryベースのもの)。 –

関連する問題