Jquery and Angularjs

Question

私は角の要素として格納しているサイドバーを崩壊しようとしています。私は、テンプレートURLと私のページコードでトグルスクリプトを使用しようとしましたが、どちらもそれをやっていません。サイトの他のすべてのページで、私はまだ非角形のサイドバーを持っており、問題なく折り畳まれています。

heres the problem

plunkr

<div ng-app="appHeaderApp"> 
<div ng-controller="sidebarcon"> 
    <div ng-repeat="stab in mySideTabs"> 
    <app-sidebar info="stab"></app-sidebar> 
    </div> 
    <script> 
    $("#menu-toggle").click(function(e) { 
     e.preventDefault(); 
     $("#wrapper").toggleClass("toggled"); 
    }); 
    </script> 
</div> 

Answer 1

このため、短い答えは、あなたが正しく角度を使用していないということです。角度を使用している場合は角度を使ってください:)

サイドバーの指示を使用しているようです。折りたたみ機能は "toggled"クラスによって制御されているため、ng-classを使用してこれを切り替えることができます。これは条件付きでクラスを適用 <div ng-class="{toggled: toggled}"></div>

：

だから我々は次のような何かを行うことができます。そして、サイドバーをトグルあなたのボタンで、あなたのような何かを行うことができます。 <button ng-click="toggled = !toggled">Toggle Sidebar</button>

をこのボタンは、サイドバー上のクラスを切り替えるれる、前後にブール「切り替え」を切り替えます。