Javascript 如何在angularjs的ng绑定html中使用iframe

这是我的控制器，我从中获取JSON格式的数据，这里我想绑定iframe，但我无法解决它，所以请帮助我解决，任何建议都将不胜感激，提前感谢

 angular.module('myApp.view2.controllers',[]).
        controller('mediacontroller',['$scope','$http', function($scope, $http){
            $http({
             method:"GET",
             url :"../app/media.php"
            }).then(function mySuccess(response){
                    var string = '';
                    var media_id = 0;
                    var media ;
                    var file ;
                    string = '<table border=1><thead><tr><th colspan="4">Media detail</th></tr></thead><tbody>';
                    angular.forEach(response.data, function(value, key) {

                        if(media_id===0){
                            media_id = 1;
                            string+='<tr><td class="mediatd">'+value.id+'</td><td class="mediatd">'+value.title+'</td><td class="mediatd">'+value.description+'</td></tr>';
                            string+='<tr><td class="mediatd">Category</td><td class="mediatd">Media</td><td class="mediatd">Sequence</td></tr>';

                        }else if (media_id!==value.id){
                            media_id = value.id;
                            string+='<tr><td class="mediatd">'+value.id+'</td><td class="mediatd">'+value.title+'</td><td class="mediatd">'+value.description+'</td></tr>';
                             string+='<tr><td class="mediatd">Category</td><td class="mediatd">Media</td><td class="mediatd">Sequence</td></tr>';
                        }
                        if(value.category==0){
                              media = 'image';
                              file = '<img src="http://localhost/mm2asia/img/media&news/media/'+value.media+'" style="height:100px; width:120px;" alt="">';
                        }else{
                              media = 'video';
                              file = '<iframe src="https://www.youtube.com/embed/'+value.media+'" ></iframe>';
                        }
                        string+='<tr><td>'+media+'</td><td>'+file+'</td><td>'+value.rearrange+'</td></tr>';
                        //console.log('<tr><td>'+value.id+'</td><td>'+value.title+'</td><td>'+value.description+'</td></tr>');
                    });
                    string += '</tbody></table>';
                    //console.log(string);
                    $scope.myHTML=string;
                }, function myError(response){
                    var string = '';
                    string = response.statusText;
                    $scope.myHTML=string;
            });

}]);

angular.module（'myApp.view2.controllers'，[]）。
控制器（'mediacontroller'，['$scope'，'$http'，函数（$scope，$http）{
$http({
方法：“获取”，
url:“../app/media.php”
}).then（函数mySuccess（响应）{
var字符串=“”；
var media_id=0；
var媒体；
var文件；
字符串='媒体详细信息'；
angular.forEach（响应、数据、函数（值、键）{
如果（媒体id==0）{
媒体id=1；
string+=''+value.id+''+value.title+''+value.description+''；
字符串+='categorymediasquence'；
}else if（媒体id！==value.id）{
媒体id=value.id；
string+=''+value.id+''+value.title+''+value.description+''；
字符串+='categorymediasquence'；
}
if（value.category==0）{
媒体=‘图像’；
文件=“”；
}否则{
媒体=‘视频’；
文件=“”；
}
字符串+=''+媒体+''+文件+''+值。重新排列+''；
//console.log（“”+value.id+“”+value.title+“”+value.description+“”）；
});
字符串+=''；
//console.log（字符串）；
$scope.myHTML=string；
}，函数myError（响应）{
var字符串=“”；
字符串=response.statusText；
$scope.myHTML=string；
});
}]);

这是我的看法

<div ng-app="myApp">
   <div ng-controller="mediacontroller">   
      <div ng-bind-html="myHTML"></div>
   </div>
</div>

不需要绑定html。为什么不使用

ng开关

切换页面上应该包含的内容，并使用实际的html标记而不是字符串。好的@Malkus，我会试试这个，谢谢你的时间和宝贵的建议：）没有必要绑定html。为什么不使用

ng开关

切换页面上应该显示的内容，并使用实际的html标记而不是字符串。好的@Malkus，我试试这个，谢谢您的时间和宝贵的建议：）