Problems with angularJs directives

Question

I created angularjs directives:

'use strict';

angular.module('frontend')
    .directive('overall', function() {
        return {
            restrict: 'E',
            scope: {
                data: '=data'
            },
            templateUrl: 'app/components/overall/overall.html',
            controller: function($scope) {
               alert($scope.data)
            }
        };
    });

and template for him:

<div id="inner-overall">
  Taras
</div>

After it in other page I use my directive like this:

<overall data></overall>

and js code:

$scope.data = 'daadad';

But it is not working, and I catch empty $scope.data value. I don't know why it happens and how to fix it, help me please with this issue. Thanks a lot!

Anik Islam Abhi · Accepted Answer · 2015-12-21 08:25:09Z

3

You didn't bind model that's why it's empty

Try like this

<overall data="data"></overall>

answered Dec 21, 2015 at 8:25

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

Problems with angularJs directives

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related