angularjs add html after server response

Question

I have the following ui-router configuration in my angular app:

app.config(["$stateProvider", function ($stateProvider) {
  $stateProvider
    .state("state1", {
      controller: "controller",
      templateUrl: "mytemplate.html"
    })

app.controller("controller"....

In the controller I call a google cloud endpoint API:

gapi.client.myapi.method().then(function (resp){

}, function (error) {

});

How can I add html using the data from the API response? Is using a directive the best approach?

UPDATE:

I forgot to mention that the response is from an insert method, this means that this will be executed several times, and each time I need to add the response to the existing elements, like in a timeline way.

Is data going to be array and do u want to create a HTML template for it? — Shankar Shastri, Oct 24 '16 at 02:42
Best way to do what specifically? Question is not clear. Please review [ask] — charlietfl, Oct 24 '16 at 02:56
Possible duplicate of [Angular Js and google api client.js (gapi)](http://stackoverflow.com/questions/19399419/angular-js-and-google-api-client-js-gapi) — chathura rupasinghe, Oct 24 '16 at 03:07
@Shankar Shastri yes I do want to create an HTML template, that's what I was thinking of use a directive. — rena, Oct 24 '16 at 05:04
So What You Can Do Is Create A Div Like:
{{CodeTemplate}}
Create CodeTemplate In Controller. — Shankar Shastri, Oct 24 '16 at 06:01

score 0 · Answer 1 · answered Oct 24 '16 at 05:42

You can use ngBindHtml incase your response is HTML or bind the response to your template using {{variableName}} inside your mytemplate.html

Directives are preferred if that piece of code is to be used in multiple screens and is also a good practice for big projects.

Thanks, Abhishek Jain.

angularjs add html after server response

1 Answers1