How to print array values inside the form in Angularjs?

Question

I need to print this array in a form. but it should generate automatically without writing in html file. I tried but I'm not getting the result.

This is to print the values and generate the result (need to write the code in .js file).

    result+='<form action="http://www.example123.com" method="post" onsubmit="target_popup(this)">';
    for(component in components){
    result+= mylogic(component,components);
    }
   "<div> <button >Submit</button> </div></form>";


    $scope.target_popup=function (form) {
    window.open('', 'formpopup', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,width=400,height=400,resizeable,scrollbars');

    }


}) 

<html>
<div ng-bind-html="mylogic(result) | unsafe"></div>
</html>

Sachila Ranawaka · Accepted Answer · 2017-04-21 04:44:24Z

1

you can use $sce.trustAsHtml(html) render html from js

create a filter like this

.filter('trust',function($sce){
  return function(html){
    return $sce.trustAsHtml(html)
  }
})

call it in the html

 <div ng-bind-html="result | trust">

   </div>

angular.module("app",[])
.controller("ctrl",function($scope){
$scope.result ='<form action="http://www.example123.com" method="post" onsubmit="target_popup(this)"><div> <button >Submit</button> </div></form>';

})
.filter('trust',function($sce){
  return function(html){
    return $sce.trustAsHtml(html)
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 <div ng-bind-html="result | trust">
 
</div>
</div>

answered Apr 21, 2017 at 4:44

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

17 Comments

Deepak Pookkote Over a year ago

:-i tried to call in the way that i need to get my dynamic json inputs inside the form but its not working

Sachila Ranawaka Over a year ago

module and basic components are missing in the codepen, please create a valid demo

Deepak Pookkote Over a year ago

:- can you please check now whats i made the changes you said .. codepen.io/anon/pen/ybOjqv

Deepak Pookkote Over a year ago

:- is there any way to put everything inside an (id=result) and call only that in html page ..i have the example in javascript but i couldn't do it in angular??? codepen.io/anon/pen/ybOjqv

Sachila Ranawaka Over a year ago

add additional field to component array and put the result string to that field

|

Collectives™ on Stack Overflow

How to print array values inside the form in Angularjs?

1 Answer 1

17 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

17 Comments

Your Answer

Sign up or log in

Post as a guest

Related