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
– Pankaj Parkar, Commented Mar 4, 2015 at 14:22
Can you crate a plnkr/fiddle? Your code should work fine. plnkr.co/edit/2gdUSFoWXUTJAONqGLqn?p=preview — Vinay K
– Vinay K, Commented Mar 4, 2015 at 14:35

HarryH · Accepted Answer · 2015-03-04 14:37:05Z

8

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

answered Mar 4, 2015 at 14:37

HarryH

1,0587 silver badges12 bronze badges

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

Comments

m0meni · Accepted Answer · 2015-03-04 14:24:19Z

5

Make a link function instead:

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

answered Mar 4, 2015 at 14:24

m0meni

16.5k18 gold badges88 silver badges149 bronze badges

2 Comments

Pankaj Parkar Over a year ago

he does wanted to call inside controller not in link function?

nanndoj Over a year ago

That alerts! Thanks but I need to call it inside a controller!

Collectives™ on Stack Overflow

Angular attribute directive value

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related