I'm a beginner in Angular and would appreciate constructive feedback. I am attempting to show specific text based on the option clicked in a dropdown button, but I can't seem to make it work. Can someone point out what's going wrong? Thank you in advance.
HTML
<div ng-app='myApp'>
<div ng-controller="DropdownCtrl">
<div class="btn-group" dropdown is-open="status.isopen">
<button id="single-button" type="button" class="btn btn-default btn-xl" dropdown-toggle ng-disabled="disabled">
Options <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
<li role="menuitem"><a href="#/" ng-click="show(first)">Display: First</a></li>
<li role="menuitem"><a href="#/" ng-click="show(second)">Display: Second</a></li>
</ul>
</div>
<div id="separator"></div>
<div class="col-md-12">
{{show.first}}
{{show.second}}
</div>
</div>
</div>
Javascript
var myApp = angular.module('myApp', ['ui.bootstrap']);
myApp.controller('DropdownCtrl', function ($scope) {
$scope.show = function(scope) {
$scope.first = 'First';
$scope.second = 'Second';
};
});