Populate and set DropDownList selected value using AngularJS in ASP.Net MVC

I have created like this. Now its working fine

    $scope.generate = function () {
        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth() + 1; //January is 0!
        var hh = today.getHours();
        var mn = today.getMinutes();
        var ss = today.getSeconds();
        var yyyy = today.getFullYear();
        if (dd < 10) {
            dd = '0' + dd;
        }
        if (mm < 10) {
            mm = '0' + mm;
        }
        var today1 = 'PTS' + dd + mm + yyyy + hh + mn + ss;
        $scope.tracking = today1;
        $scope.Description = 'name'

        $http({
            method: "get",
            url: "http://localhost:64137/Parcel/GetSingleType",
        }).then(function (response) {
            $scope.JOINGEntities3 = response.data;
            var customers = response.data;
            var ddlCustomers = document.getElementById("ddlSingleType");

            //Add the Options to the DropDownList.
            for (var i = 0; i < customers.length; i++) {
                var option = document.createElement("OPTION");

                //Set Customer Name in Text part.
                option.innerHTML = customers[i].Description;
              
                //Set CustomerId in Value part.
                option.value = customers[i].SingleType1;

                //Add the Option element to DropDownList.
                ddlCustomers.options.add(option);

               
            }
         
            $scope.pack = customers[0].PackageType1;
        }, function () {
            alert("Error Occur");
        })