angularjs - ionicPopup 无法获取输入值

Question

我在这里遵循$ionicPopup.show的示例但失败了。

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