Since you defined an expression binding (&), you need to explicitly call it with an object literal parameter containing id if you want to bind it in the HTML as edit-website=”editWebsite(id)”. Indeed, Angular needs to understand what this id is in your HTML, and since it is not part of your scope, you need to … Read more
After some more digging i was able to solve the question whether it’s always safe to use $scope.$apply. The short answer is yes. Long answer: Due to how your browser executes Javascript, it is not possible that two digest calls collide by chance. The JavaScript code we write doesn’t all run in one go, instead … Read more
You can store the promise returned by the interval and use $interval.cancel() to that promise, which cancels the interval of that promise. To delegate the starting and stopping of the interval, you can create start() and stop() functions whenever you want to stop and start them again from a specific event. I have created a … Read more
Since the directive is only calling a function (and not trying to set a value on a property), you can use $eval instead of $parse (with a non-isolated scope): scope.$apply(function() { scope.$eval(attrs.confirmAction); }); Or better, simply just use $apply, which will $eval()uate its argument against the scope: scope.$apply(attrs.confirmAction); Fiddle
Okay, through a lot of the comments above, I have discovered the confusion. First, a couple of points of clarification: ngRepeat does not affect your chosen isolate scope the parameters passed into ngRepeat for use on your directive’s attributes do use a prototypically-inherited scope the reason your directive doesn’t work has nothing to do with … Read more
If your intention is to get hold of already instantiated controller of another component and that if you are following component/directive based approach you can always require a controller (instance of a component) from a another component that follows a certain hierarchy. For example: //some container component that provides a wizard and transcludes the page … Read more
You can use $broadcast from the parent to a child: function ParentCntl($scope) { $scope.msg = “”; $scope.get = function(){ $scope.$broadcast (‘someEvent’); return $scope.msg; } } function ChildCntl($scope) { $scope.$on(‘someEvent’, function(e) { $scope.$parent.msg = $scope.get(); }); $scope.get = function(){ return “LOL”; } } Working fiddle: http://jsfiddle.net/wUPdW/2/ UPDATE: There is another version, less coupled and more testable: … Read more
Or you could keep it simple by doing something like this: alert(angular.equals({}, $scope.items));
Whenever you do some form of operation outside of AngularJS, such as doing an Ajax call with jQuery, or binding an event to an element like you have here you need to let AngularJS know to update itself. Here is the code change you need to do: app.directive(“remove”, function () { return function (scope, element, … Read more
ng-init does not work when you are assigning variables inside loop. Use {{myVariable=whatever;””}} The trailing “” stops the Angular expression being evaluated to any text. Then you can simply call {{myVariable}} to output your variable value. I found this very useful when iterating multiple nested arrays and I wanted to keep my current iteration info … Read more