AngularJs एनजी-रिपीट - चयन करते समय खाली ड्रॉप डाउन

<select class="form-control" ng-init="selectedProduct='0'" ng-model="selectedProduct" ng-change="GetProduct(selectedProduct)">
<option value="0" selected>Add New</option>
<option ng-repeat="p in allProducts" value="{{p.id}}">{{p.name}}</option>
</select>

यह मेरा जावास्क्रिप्ट कोड है

 $scope.GetProduct = function (productId) {
        if (productId > 0) {
            $http({
                method: 'POST',
                url: '/Admin/GetSelectedProduct',
                data: { productId: productId }
            }).then(function successCallBack(successResponce) {
                $scope.products = successResponce.data;
                $scope.selectedProduct = $scope.products.id;
            }, function errorCallback(response) {

            });
        }
    };

जब मैं उत्पाद ड्रॉपडाउन का चयन करता हूं, तो डेटा को फॉर्म में ठीक से लोड करता हूं, लेकिन उत्पाद ड्रॉपडाउन खाली हो जाता है।

छवि विवरण यहां दर्ज करें