Bind directive scope without having controller scope in Angular Js?

Question

html :

   <div ng-app="appMod">
    <div task-info>{ { data.name } }</div>
   </div>

script :

var appmod = angular.module('appMod', []);
appmod.directive("taskInfo", function () {
    return {
        restrict: 'A',
        scope: {},
        link: function ($scope, $element, attr) {

            $scope.taskdat = '{"name":"Task name","status":"Completed"}';
            $scope.data = JSON.parse($scope.taskdat);
            scope = $scope; //scope data
        },
    };
});

is it possible to bind directive scope without having controller scope in Angular Js? If yes, please give me some solution examples.

I think you just provided one

Michael Kang
– Michael Kang

2015-02-26 07:52:48 +00:00
Commented Feb 26, 2015 at 7:52 — Michael Kang
– Michael Kang, Commented Feb 26, 2015 at 7:52

Naeem Shaikh · Accepted Answer · 2015-02-26 08:07:44Z

1

You don't need a controller scope for writing a directive , see this fiddle.

Here, there is no controller scope, and the value hero is bound within the directive as:

myApp.directive('myDirective', function() {
  return {
        restrict: 'EAC',
        link: function($scope, element, attrs, controller) {
          var controllerOptions, options;


            $scope.hero='superhero'
        }
      };

});

Works fine :)

Also the example you provided is similar, but you just need to remove scope from returned JSON object(from directive), as it is being defined as $scope inside the link fucntion.

see : http://jsfiddle.net/bg0L80Lx/

edited Feb 26, 2015 at 8:07

answered Feb 26, 2015 at 7:55

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

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

Comments

zloctb · Accepted Answer · 2015-09-06 08:34:17Z

0

controller option ?

.directive('mydirective', function() {
    return {
restrict: 'A', // always required
//controller: 'SomeController'
template:'<b>{{status}}</b>',
controller:'YourCtrl'
 }
})

answered Sep 6, 2015 at 8:34

zloctb

11.3k10 gold badges78 silver badges92 bronze badges

Collectives™ on Stack Overflow

Bind directive scope without having controller scope in Angular Js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related