AngularJS toggle button filters
<p>So this is a javascript conversion from jQuery app into Angular app. The current jQuery app works but is needed to make into a real app using the Angular framework. </p>

<p>The logic behind the whole app is to select categories and filter OUT and get specific results based on the filter buttons. So lets say you want only to see results that include only where filter 1 AND filter 2 are together, but not (filter1, filter2, and filter1+filter2). see the jquery version: <a href="http://plnkr.co/edit/2KPDTdNeAAk2AMDoyTp0?p=preview" rel="nofollow noreferrer">demo</a></p>

<pre><code>$(document).ready(function(){
    $('.filter-selector').click(function(){

        /* Filter 1 Categories */
        if($(this).attr("value")==".filter1_group1"){
            $(".filter1_group1-show").toggle();
            $(this).toggleClass('active');
        }
        if($(this).attr("value")==".filter1_group2"){
            $(".filter1_group2-show").toggle();
            $(this).toggleClass('active');
        }
    });
});
</code></pre>

<p>Now I need to convert that javascript magic over to angular, keep the buttons in a toggle stat and show results on the second view. It will essentially be an <a href="https://plnkr.co/edit/NU30sUnztX1XYSbldZu6?p=preview" rel="nofollow noreferrer">Angular SPA</a> with 2 views: 1 for filters and 1 for results. Previous app was using jQuery toggle class function, but there is no built in function for Angular in this case. All the examples for toggle button for Angular have only 1 toggle button that hides/shows divs. And other example buttons only show or hide divs separately and are not toggle buttons. And how do I turn filter results into service return and then inject that into View 2 as results and show them? </p>

<p>Need some direction from Angular gods here...</p>

<p><strong>UPDATE 1:</strong> thanx to <a href="https://stackoverflow.com/users/630544/shaun-scovil">Shaun Scovil</a>, the Angular way of creating this filter groups was found. However the filter group works well on a single page but not in 2 view SPA app: <a href="https://plnkr.co/edit/NU30sUnztX1XYSbldZu6?p=preview" rel="nofollow noreferrer">plunkr</a> The filters will break after switching between filters and cases a few times.</p>

<p><strong>UPDATE 2:</strong> thanx to <a href="https://stackoverflow.com/users/630544/shaun-scovil">Shaun Scovil</a> once more, the filters/cases toggle buttons work now going from page view to page view back to any number of views: <a href="https://plnkr.co/edit/NU30sUnztX1XYSbldZu6?p=preview" rel="nofollow noreferrer">plunkr</a></p>