2017-04-21 5 views
0

Ich muss dieses Array in einem Formular drucken. aber es sollte automatisch generieren, ohne in HTML-Datei zu schreiben. Ich habe es versucht, aber ich bekomme das Ergebnis nicht.Wie können Array-Werte innerhalb des Formulars in Angularjs gedruckt werden?

Dies ist, um die Werte zu drucken und das Ergebnis zu generieren (müssen Sie den Code in JS-Datei schreiben).

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> 

Antwort

1

können Sie $sce.trustAsHtml(html) html aus machen verwenden js

wie diese

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

Aufruf einen Filter erstellen, es in der 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>

+0

: - wirst du mir dabei helfen ?? https://codepen.io/anon/pen/ybOjqv –

+0

: -i versucht, auf die Art und Weise, die ich brauche, um meine dynamischen JSON-Eingänge in das Formular zu bekommen, aber es funktioniert nicht –

+0

Modul und grundlegende Komponenten fehlen im Codepen, bitte erstellen Sie eine gültige Demo –

Verwandte Themen