Empty or Remove an Element using AngularJS

Tuesday, 26 August 2014 | Posted by
AngularJS supports .empty(), .remove() jQuery functionality. Here in below examples we can see how to empty and remove an element.
Angular2 : If you are looking for Angular2 solution, Please click here

Steps to Empty an Element :

  1. Get angular element of html element
  2. Use .empty() method to clear all data in that element
var myEl = angular.element( document.querySelector( '#divID' ) );
myEl.empty();

Steps to Remove  an Element :

  1. Get angular element
  2. Use .remove() method to remove the element from the document
var myEl = angular.element( document.querySelector( '#divID' ) );
myEl.remove();
Labels:

20 comments:

  1. Mike Henke20 October 2015 at 13:43

    Thank you!

    ReplyDelete
  2. Unknown22 December 2015 at 07:18

    This is exactly what i was looking for. Thanks

    ReplyDelete
  3. Abhishek1 August 2016 at 04:53

    good

    ReplyDelete
  4. Unknown6 September 2016 at 02:43

    How can we get element using class name?

    ReplyDelete
    Replies
    1. Unknown11 April 2018 at 01:50

      var myEl = angular.element( document.querySelector( '.className' ) );

      Delete
  5. Henry bbosa22 September 2016 at 05:48

    Thankx It realy works perfectly

    ReplyDelete
  6. Unknown25 May 2017 at 05:00

    Not working in my case

    ReplyDelete
  7. Unknown2 June 2017 at 23:09

    Is chaining possible after empty()?

    ReplyDelete
  8. Unknown1 March 2018 at 06:28

    Perfect ! Thanks

    ReplyDelete
  9. Shanthi Cabs29 August 2018 at 23:52

    Fantastic Article ! Thanks Lovely

    ReplyDelete
  10. petterson31 August 2018 at 22:18

    Excellently written article, if only all writtens offered the same level of content as you, the internet would be a much better place.
    Dissertation Writing Service

    ReplyDelete
  11. Jennet17 November 2018 at 00:28

    This comment has been removed by the author.

    ReplyDelete
  12. Jennet17 November 2018 at 11:15

    So in the event that you wish to recoup your lost password and access your vital record once more, at that point keep perusing this article to discover how... remove password

    ReplyDelete
  13. Yakru4521 May 2019 at 23:49

    This is really good blog information thanks for sharing .I am really impressed with your writing abilities


    โปรโมชั่นGclub ของทางทีมงานตอนนี้แจกฟรีโบนัส 50%
    เพียงแค่คุณสมัคร Gclub กับทางทีมงานของเราเพียงเท่านั้น
    ร่วมมาเป็นส่วนหนึ่งกับเว็บไซต์คาสิโนออนไลน์ของเราได้เลยค่ะ
    สมัครสล็อตออนไลน์ >>> goldenslot
    สนใจร่วมลงทุนกับเรา สมัครเอเย่น Gclub คลิ๊กได้เลย

    ReplyDelete
  14. Madoo21 May 2019 at 23:50

    Great post ! I am pretty much pleased with your good post.You put really very helpful information

    เว็บไซต์คาสิโนออนไลน์ที่ได้คุณภาพอับดับ 1 ของประเทศ
    เป็นเว็บไซต์การพนันออนไลน์ที่มีคนมา สมัคร Gclub Royal1688
    และยังมีหวยให้คุณได้เล่น สมัครหวยออนไลน์ ได้เลย
    สมัครสมาชิกที่นี่ >>> Gclub Royal1688
    ร่วมลงทุนสมัครเอเย่นคาสิโนกับทีมงานของเราได้เลย

    ReplyDelete
  15. Azmat3 July 2020 at 04:09

    Not working for a big html

    ReplyDelete
  16. Best Boarding School in Dehradun11 February 2021 at 09:14

    This comment has been removed by the author.

    ReplyDelete
  17. Lillian J. Turner11 February 2021 at 09:23

    Nice Blog. Thanks for sharing with us. Such amazing information.

    How to Turn your Shopping Store Interesting

    MyBlogger Club

    Guest Posting Site

    Best Guest Blogging Site

    Guest Blogger

    Guest Blogging Site

    ReplyDelete
  18. Huongkv25 February 2021 at 02:12

    Đại lý vé máy bay Aivivu, tham khảo

    kinh nghiệm mua vé máy bay đi Mỹ giá rẻ

    mua vé máy bay từ mỹ về việt nam

    dat ve may bay tu han quoc ve viet nam

    vé máy bay từ canada về việt nam bao nhiêu tiền

    vé máy bay từ tokyo vé hà nội

    ReplyDelete

Subscribe to: Post Comments (Atom)

Blogroll

Follow this blog by Email

Popular Posts