angularjs - show html

how to show unsafe html?

HTML

<html ng-app="MyApp">
    <body>
    <div ng-controller='MyCtrl'>
        <div>{{code}}</div>
        <div>{{code | html}}</div>
        <div ng-bind-html="code"><iframe width="560" height="315" src="https://www.youtube.com/embed/vrqQix4PZEo" frameborder="0" allowfullscreen></iframe></div>
    </div>
    </body>
</html>

CSS

</style>
<script src="http://code.angularjs.org/angular-1.0.0rc10.min.js"></script>
<style>

JavaScript

var app = angular.module('MyApp', []);

app.controller('MyCtrl', ['$scope', function($scope) {
    $scope.code = '<pre><code>function(){}</code></pre>';}]);