I created a directive which uses parent scope.
The directive should accept a attribute i.e
<my-nice-new-directive data-hide-icon="true" />
but I do not want to isolate scope. Is it possible to just add the attribute to the $scope?
-
Why don't you want an isolate scope?Cory Silva– Cory Silva2015-03-26 03:18:54 +00:00Commented Mar 26, 2015 at 3:18
-
its a more complex directive, i just simplified it for the question in here. But yes, idealy i should refactor it. But you know how this works in companies. No budget for refactoring :-(R.A– R.A2015-03-26 09:51:02 +00:00Commented Mar 26, 2015 at 9:51
Add a comment
|
1 Answer
Consider having fun with the $parse service.
.directive('myNiceNewDirective', function () {
return {
restrict: 'AE',
controller: function ($scope, $attrs, $parse) {
var hideIcon = $parse($attrs.hideIcon)($scope);
}
};
})
or you could just evaluate the variable data-hide-icon="{{isIconHidden}}", in which case you may want to watch it.
.directive('myNiceNewDirective', function () {
return {
restrict: 'AE',
scope: true, //this is not necessary but could be useful
controller: function ($scope, $attrs) {
$scope.$watch(function () {return $attrs.hideIcon;}, function (newValue, oldValue) {
//react to change...
});
}
};
})
