Passing data from a $scope to another function in AngularJS

Question

I am trying to pass data from $scope.abc() to an actual function.

[Function]

function sweetAlertCtrl($scope, SweetAlert, $state) {
    $scope.demo1 = function () {
        SweetAlert.swal({
            title: "Good job!",
            text: "You clicked the button!",
            type: "success"
        },
        function ($state) {
            $state.go('pjt.detailed', {id: $scope.id}) // This is where the data from $scope is received.
        });
    }
}

[Data from $scope]

$scope.demo1($scope.id);

How can I pass $scope.id to demo1() function? Did I even put the $state in the correct location? I am new to this and this is really confusing :)

Please advise me what I should do.

Thank you so much in advance!!

Jeffrey Roosendaal · Accepted Answer · 2017-11-23 15:38:44Z

2

Put $state among the other dependencies in your controller/service/factory/etc, like this:

app.service('myService', function($scope, $state) {
    // Now you can use $state in all your functions here
})

answered Nov 23, 2017 at 15:38

Jeffrey Roosendaal

7,1978 gold badges45 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

James D. Over a year ago

Thank you for your comment! Yes, you are right. I was missing that part. It was easy to make an action, but hard to find what the problem was. :) Thank you so much!

scipper Over a year ago

Providing a bit more code as answer is sometimes helpful ;)

scipper · Accepted Answer · 2017-11-23 15:01:56Z

1

Pass in the $scope.id as a parameter to the function $scope.demo1:

$scope.demo1 = function (id) {
    SweetAlert.swal({
        title: "Good job!",
        text: "You clicked the button!",
        type: "success"
    },
    function ($state) {
        $state.go('pjt.detailed', {id: id})
    });
}

answered Nov 23, 2017 at 15:01

scipper

3,1813 gold badges27 silver badges43 bronze badges

Collectives™ on Stack Overflow

Passing data from a $scope to another function in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related