How to bind a function to a tag element in Angular?

Question

JavaScript

There is this HTML code:

<select>
                    <option value="">Date</option>
                    <option value="">Name</option>
                    <option value="">Email</option>
           </select>

and this code in AngularJS controller:

$scope.sortBy = {
        date: function () {

        },
        name: function () {
            console.log($scope.dataFromMySQL);
        },
        email: function () {
            
        }
    };

How can I make sure that when a certain select item is selected, the corresponding function in the controller works? ng-click does not seem to work, how can I bind these functions to these elements?

Answer 1

https://docs.angularjs.org/api/ng/directive/select