离子popup无法获得输入值

Question

我遵循$ ionicpopup的样本。在这里显示但失败。

angular.module('main').directive('dtDiscount', function($ionicPopup) {
    return {
        require: 'ngModel',
        scope: {
            operators: '=operators',
            toggle: '=toggle',
        },
        templateUrl: 'templates/components/discount.html',
        link: function ($scope, $element, $attrs, ctrl) {
            $scope.customeDiscount = 0;
            $scope.setCustomDiscount = function(){
                $ionicPopup.show({
                    title: 'Input Your Own Discount',
                    subTitle: 'XX %off',
                    template: '<input type="number" ng-model="customeDiscount"/>', // the preset value show 0, which is expected.
                    scope: $scope,
                    buttons: [{ text: 'Cancel' },{
                        text: '<b>Confirm</b>',
                        type: 'button-positive',
                        onTap: function(e) {
                            console.log($scope.customeDiscount); // 0
                            return $scope.customeDiscount;
                        }
                    }]
                });
            }
            $scope.$watch('customeDiscount', function(value){
                console.log(value);
            });
        }
    }
})

无论我输入CustomedIscount的任何值，它总是会给我0输出，因此无法更改值$scope.customeDiscount。

有人可以帮助我找出问题吗？

Answer 1

//old $scope.customeDiscount = 0;
$scope.data = {};
        $scope.setCustomDiscount = function(){
            $ionicPopup.show({
                title: 'Input Your Own Discount',
                subTitle: 'XX %off',
                template: '<input type="number" ng-model="data.customeDiscount"/>', // the preset value show 0, which is expected.
                scope: $scope,
                buttons: [{ text: 'Cancel' },{
                    text: '<b>Confirm</b>',
                    type: 'button-positive',
                    onTap: function(e) {
                        console.log($scope.data.customeDiscount); // 0
                        return $scope.data.customeDiscount;
                    }
                }]
            });
        }

Answer 2

您是否尝试使用一个对象而不是2个简单值？

$scope.data= {}

然后使用

$scope.data.customeDiscount