angularjs - angularjsのドロップダウンボックスからそれぞれのオプションを選択してデータを表示する方法

Question

デフォルト値が「Choose Category」であるドロップダウンボックスから「Arts & Culture」オプションが選択されている場合にのみ、スクリーンショットにデータを表示しようとしています。私のhtmlのコードは次のとおりです。

<div class="well">
    <h3>All Adventures</h3>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <table>
    <tr><td>
    <select name="" id="" ng-model="category" ng-options="c for c in categories">
        <option value="">-- Choose Category --</option>
    </select>
    </td>
    <td><input type="text" value="Enter Current Location" /></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><select name="" id="" ng-model="tMode" ng-options="tM for tM in tModes">
        <option value="">-- Choose Transportation Mode --</option>
    </select></td>
    </tr>
    </table>
    <br/>
</div>

        <ul class="unstyled">
        <li ng-repeat="art in arts">
            <div class="well">
                <h4>{{art.name}}</h4>
                <h5><em>{{art.formatted_address}}</em></h5>
                <p>{{art.formatted_phone_number}}</p> 
                <p>{{art.vicinity}}</p>
                <p>{{art.types}}</p>                    
            </div>
        </li>
    </ul>

これを機能させるには、コードにどのような変更を加える必要がありますか。私はウェブ上で多くの例を試してきましたが、今のところうまくいきません。

Answer 1

<li ng-repeat="art in arts" ng-show="category == 'Arts & Culture'">