ng-click not working from dynamically generated HTML

by

Not a perfect fix, still!!! – just to show how dynamic compilation can be done

app.controller('AppController', function ($scope, $compile) {

    var $el = $('<td contenteditable><input type="text" class="editBox" value=""/></td>' +
        '<td contenteditable><input type="text" class="editBox" value=""/></td>' +
        '<td>' +
        '<span>' +
        '<button id="createHost" class="btn btn-mini btn-success" data-ng-click="create()"><b>Create</b></button>' +
        '</span>' +
        '</td>').appendTo('#newTransaction');
    $compile($el)($scope);

    $scope.create = function(){
        console.log('clicked')
    }
})

Demo: Fiddle

Don’t use controller for dom manipulation – it has to be done with the help of directives

More Related Contents:

  1. jQuery Adding new option to select element doesn't pick up the string [closed]
  2. how to get source of a page
  3. Slide down button to show text HTML CSS
  4. Use jQuery to change a second select list based on the first select list option
  5. How to enable or disable an anchor using jQuery?
  6. Find out whether radio button is checked with JQuery?
  7. How to adjust the column width of jqgrid AFTER the data is loaded?
  8. Can I get div’s background-image url?
  9. Number input type that takes only integers?
  10. Making radio buttons look like buttons instead
  11. Cannot modify content of iframe, what is wrong?
  12. Is there a jquery event that fires when a new node is inserted into the dom?
  13. Setting equal heights for div’s with jQuery
  14. How to display an IFRAME inside a jQuery UI dialog
  15. HTML Table to JSON
  16. HTML Attribute rel Errors using fancyBox
  17. Can I fade in a background image (CSS: background-image) with jQuery?
  18. Select elements without any class [duplicate]
  19. JQuery data selector not updating with .data
  20. Find all unchecked checkboxes in jQuery
  21. Remove ‘All Files’ option from HTML file input
  22. CSS for the “down arrow” on a element?
  23. How to create a diagonal line within a table cell?
  24. jQuery – draggable images on iPad / iPhone – how to integrate event.preventDefault();?
  25. How to get form html() via jQuery including updated value attributes?
  26. How add spaces between Slick carousel item
  27. Datatables warning(table id = ‘example’): cannot reinitialise data table
  28. jQuery web page height
  29. Using jQuery’s $.ajax within an angularJS controller
  30. How do I select an element with special characters in the ID?

Leave a Comment