How to add html into DOM with Angularjs?

John added a link to a famous question/answer regarding AngularJS. I would advice you to read that.

That said, to answer your question - in angular you do not tell it how to manipulate the dom. You tell it what data you have and how you want it presented.

I can only guess to what you are trying to do, but if you have a template (your 'table-row') and a 'destination' ('table') you would describe it in AngularJS like this:

<table ng-controller="PersonsController">
  <tr ng-repeat="person in persons">
    <td>{{person.Name}}</td>
    <td>{{person.Address}}</td>
  </tr>
</table>

That is great, but how do you add a row? Well you don't "add a row" - you add a person and AngularJS will do the adding of rows for you. You already explained how you want a person displayed.

To add a person you would have to add a person to a list/array of persons and that list would be in the scope of your view/application.

persons.push({Name: 'Bill', Address: 'Somewhere'});

You will need to attach the persons to your scope, which you will do in a controller. A controller would have to be associated with the code above with the ng-controller directive.

app.controller('PersonsController', function ($scope) {
  $scope.persons = [];
});

In the above code i assume you have a variable app pointing to your angular application. There is a small learning curve you will have to overcome, going from jquery to angular. Mostly, the way i see it, is moving your mindset from a imperative coding style to a declarative coding style.