Question

我需要在表单中打印此数组。但它应该自动生成而无需在html文件中写入。我试过了，但我没有得到结果。

这是打印值并生成结果（需要在.js文件中编写代码）。

    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>

Answer 1

您可以使用js

中的$sce.trustAsHtml(html)渲染html

创建一个像这样的过滤器

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

在html

中调用它

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

   </div>

＆＃13;

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)
  }
})

＆＃13;

<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>

＆＃13;

如何在Angularjs中打印表单内的数组值？

1 个答案: