1

選択してアーツデータを表示してみる

デフォルト値が「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>

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

4

1 に答える 1

4
<li ng-repeat="art in arts" ng-show="category == 'Arts & Culture'">
于 2013-09-26T14:39:35.697 に答える