How can I show items specific to a selected dropdown option? <p>I have a dropdown list of games, and depending on which game you select, it should show a list of things I need to do for that game. My problem is getting the list to show the steps for only the currently selected game. Can this be done with ng-model, will I need to use functions, or is there an even simpler way to do this? </p> <p>Also, is there any information I've included in my sample that would become redundant after utilizing provided suggestions?</p> <p><strong>HTML</strong></p> <pre><code>&lt;select&gt; &lt;option ng-repeat="game in things.toBeat"&gt;{{ game.title }}&lt;/option&gt; &lt;/select&gt; &lt;ul&gt; &lt;li ng-repeat="step in things.toDo"&gt;{{ step.todo }}&lt;/li&gt; &lt;/ul&gt; </code></pre> <p><strong>JS</strong></p> <pre><code>var games = [ { "id" : "0", "title" : "Super Mario Bros." }, { "id" : "1", "title" : "Pac-man" } ]; var todos = [ { "gameID" : "0", "todo" : "Collect coins" }, { "gameID" : "0", "todo" : "Rescue princess" }, { "gameID" : "1", "todo" : "Eat dots" }, { "gameID" : "1", "todo" : "Eat fruit" } ]; $scope.things = { "toBeat" : games, "toDo" : todos }; </code></pre>