Angular attribute directive value

Question

I want to get a value straight from an attribute directive:

 <form cronos-dataset="People as p">
     Form Content
 </form>

In my JS I tried:

app.directive('cronosDataset',[function() {
  return {
    restrict: 'A',
    controller: 'CronosGenericDatasetController',
    scope: {
        "cronos-dataset" : '@'
    }
  };
}])

.controller("CronosGenericDatasetController",['$scope', function($scope) {
    alert($scope["cronos-dataset"]);
}]);

I want to alert "People as p" string but I get undefined. Is that right path or should I go thorough a different approach?

you need to use `$timeout(function(){alert($scope["cronos-dataset"]);})` inside controller — Pankaj Parkar, Mar 04 '15 at 14:22
Can you crate a plnkr/fiddle? Your code should work fine. http://plnkr.co/edit/2gdUSFoWXUTJAONqGLqn?p=preview — Vinay K, Mar 04 '15 at 14:35

score 8 · Accepted Answer · answered Mar 04 '15 at 14:37

You are supposed to have camelCase in the scope declaration

app.directive('cronosDataset',[function() {
  return {
    restrict: 'A',
    controller: 'CronosGenericDatasetController',
    scope: {
        cronosDataset : '@'
    }
  };
}])

Here is a demo to see different variations http://plnkr.co/edit/G6BiGgs4pzNqLW2sSMt7?p=preview

score 5 · Answer 2 · answered Mar 04 '15 at 14:24

5

Make a link function instead:

app.directive('cronosDataset',[function() {
  return {
    scope: {},
    restrict: 'A',
    link: function (scope, elem, attrs) {
        alert(attrs.cronosDataset);
    }

answered Mar 04 '15 at 14:24

m0meni

16,006
16
82
141

he does wanted to call inside controller not in link function? – Pankaj Parkar Mar 04 '15 at 14:32
That alerts! Thanks but I need to call it inside a controller! – nanndoj Mar 04 '15 at 14:41

Angular attribute directive value

2 Answers2