Dealing with DOM Manipulations in AngularJS

by

You have to inject $compile (http://docs.angularjs.org/api/ng.$compile) and use it so angular knows about the new html.

$compile('<div>{{row}}</div')($scope).appendTo($event.currentTarget);

However, it is frowned upon in angular to do DOM manipulation in your controllers. You want your controllers to handle business and your views to handle the view.

Try a directive to do what you want. http://docs.angularjs.org/guide/directive

More Related Contents:

  1. The Advantages when we put AngularJS within Symfony web application
  2. AngularJS: Service vs provider vs factory
  3. Why does AngularJS include an empty option in select?
  4. AngularJS access parent scope from child controller
  5. How to Display blob (.pdf) in an AngularJS app
  6. How to execute AngularJS controller function on page load?
  7. AngularJS: How to make angular load script inside ng-include?
  8. Injecting $scope into an angular service function()
  9. Angular $scope.$apply vs $timeout as a safe $apply
  10. How do I fix the npm UNMET PEER DEPENDENCY warning?
  11. Preserve line breaks in angularjs
  12. Using angularjs filter in input element
  13. Getting an error when using ng-controller in angularjs ver 1.3.0 [duplicate]
  14. Click() function isn’t working in protractor scripts
  15. Dynamically set the value of ui-sref Angularjs
  16. Send FormData with other field in AngularJS
  17. disable nganimate for some elements
  18. AngularJS dependency injection of value inside of module.config
  19. How to access/update $rootScope from outside Angular
  20. How to specify headers parameter for custom Angular $resource action
  21. How to modify scope from within a directive in AngularJs
  22. How to check internet connection in AngularJs
  23. Filter results 6 through 10 of 100 with ng-repeat in AngularJS
  24. Angular JS – Automatically focus input and show typeahead dropdown – ui.bootstrap.typeahead
  25. Angular clear subform data and reset validation
  26. Couldn’t load template using templateUrl in Angularjs
  27. How to Set Background image of div with ng-style
  28. Bootstrap-UI Typeahead display more than one property in results list?
  29. upload file from angularjs directly to amazon s3 using signed url
  30. How to pass .env file variables to webpack config?

Leave a Comment