AngularJS: ng-repeat list is not updated when a model element is spliced from the model array

by

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, attrs) {
        element.bind ("mousedown", function () {
            scope.remove(element);
            scope.$apply();
        })
    };

});

app.directive("resize", function () {
    return function (scope, element, attrs) {
        element.bind ("mousedown", function () {
            scope.resize(element);
            scope.$apply();
        })
    };
});

Here is the documentation on it: https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply

More Related Contents:

  1. Directive isolate scope with ng-repeat scope in AngularJS
  2. AngularJS : ng-repeat filter when value is greater than
  3. What is the difference between ‘@’ and ‘=’ in directive scope in AngularJS?
  4. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  5. When writing a directive in AngularJS, how do I decide if I need no new scope, a new child scope, or a new isolated scope?
  6. Confused about Angularjs transcluded and isolate scopes & bindings
  7. Rendering directives within $sce.trustAsHtml
  8. angularjs share data config between controllers
  9. AngularJS Group By Directive without External Dependencies
  10. How to modify scope from within a directive in AngularJs
  11. Dynamic form name attribute in Angularjs
  12. How to use “ng-repeat” within template of a directive in Angular JS?
  13. Call a method of a controller from another controller using ‘scope’ in AngularJS
  14. What is `priority` of ng-repeat directive can you change it?
  15. AngularJS – Filter empty objects
  16. How to detect browser using angularjs?
  17. angularjs text area character counter
  18. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  19. ng-click doesn’t work within the template of a directive
  20. Access Parent Scope in Transcluded Directive
  21. Difficulty with ng-model, ng-repeat, and inputs
  22. How do I inject a controller into another controller in AngularJS
  23. How to use ng-repeat for dictionaries in AngularJs?
  24. How can I test events in angular?
  25. AngularJS watch DOM change
  26. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  27. Angular scope function executed multiple times
  28. Why is using if(!$scope.$$phase) $scope.$apply() an anti-pattern?
  29. Filtering an Angular 1.2 ng-repeat with “track by” by a boolean property
  30. AngularJS. Convert tag value (Unix time to human-readable time)

Leave a Comment