```
(function() {

    angular
        .module('myApp.home', [])

        .factory('myService', function($http) {
            return {
                getInfo: function() {
                    // return something
                }
            };
        })

        .controller('HomeController', function($scope, $routeParams, myService) {
                var my = this;      
                var sid;

                myService.getInfo().success(function(data) {

                    my.id   = data.id;
                    //sid= my.id;
                });

                //my.id     = sid;
        });
})();

```

I'm trying to access the variable id in my view. But I'm not able to do so. I'm getting an undefined variable error.

I even tried to declare a variable `sid` globally so that it can be accessed from everywhere and I tried assigning value to it as well but that effort also didn't bring up any results.

My services are working fine and they are returning data. I'm trying to use the `id` in my view but don't know where I messed it up.
Any help?

**EDIT**

And my HTML is like this:

```
<div data-id="my.id"></div>

```