How to define a function inside Angular-js Directive

Question

I created a directive for selecting users using bootstrap's drop-down element. as follows. Javascript ``` app.directive('usersDropdown', function(ConfigService,$http) { return { templateUrl: 'app/views/users_dropdown.html', link: function($scope, element, attrs) { }); }; }); ``` users_dropdown.html ```

``` I need to create a function `getUserDetails`, which should be called while clicking on a user from the list. My question is how to define this function inside the directive itself? I wrote it in the controller. But the p…

Accepted Answer

The link Directive function is a js function, inside which you may do anything

```
app.directive('usersDropdown', function(ConfigService,$http) {
    return {
        scope : {},
        templateUrl: 'app/views/users_dropdown.html',
        link: function($scope, element, attrs) {
            $scope.somefunction = function(a) {
                // Do some stuff
            }
        }
     }; 
});
```

Also you should use isolated scope to accomplish, if you want this function not be accesible from outside the directive.

How to define a function inside Angular-js Directive

Solution

Problem