Why variable defined in the directive controller not working?

Question

Why i defined 'sayHi' in the controller, and it does not display in the template?

js:

(function(){
var app = angular.module('myApp', []);

app.directive("directive1", function(){
    return {
        restrict : 'E',
        scope: {

        },
        link : function($scope){        

        },

        controller: ['$scope', function($scope){
          $scope.sayHi = 'hi';
          window.console.log($scope.sayHi);
        }]

    };  
});
})();

html:

<div style="border: 1px solid; padding: 10px; min-height: 100px;">
Directive1 :   
<directive1>
    {{sayHi}}
</directive1>
</div>

detail plnkr

That controller is related to your first directive and not second — RIYAJ KHAN
– RIYAJ KHAN, Commented Jan 20, 2016 at 7:37

JB Nizet · Accepted Answer · 2016-01-20 07:35:00Z

2

Your directive doesn't have any template. You need to add

template: '{{ sayHi }}',

To your directive definition. The content inside the <directive1></directive> does not constitute the template of the directive.

answered Jan 20, 2016 at 7:35

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Collectives™ on Stack Overflow

Why variable defined in the directive controller not working?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related