Question

            $scope.clickedNum = function(passedNum){
                $scope.string1='';
                $scope.numToDisplay=passedNum;
                for (var i=1; i<=passedNum; i++) {
                    $scope.string1=$scope.string1+'<img src="img/'+$scope.selectedItem+'.png" title="'+$scope.selectedItem+'" />';
                }
            }







<div id="figuresToDisplay" ng-bind="string1"></div>

我希望使用脚本在id =“figuresToDisplay”的div中显示一些图像，但结果是纯文本而不是图像。请指导我。

Answer 1

你应该使用$ sce.trustAsHtml这样做，更好的方法是这样的

app.filter('safeHtml', function($sce) { return $sce.trustAsHtml; });

并在模板中使用

<div id="figuresToDisplay" ng-bind-html="string1 | safeHtml"></div>

或者您可以在不创建过滤器的情况下使用它，但如果您在各个地方使用它，我建议您实施过滤器。谢谢

angularjs中ng-bind的意外结果

1 个答案: