jsonp call raw gist in angular

errors because response is being eval'd

by ramnathv

HTML

<link rel="stylesheet" href="https://gist.github.com/assets/embed-0af287a4b5c981db301049e56f06e5d3.css">
<script src="https://rawgithub.com/btford/angular-markdown-directive/master/markdown.js"></script>
<div ng-app>
    <div ng-controller="mainCtrl">
        <button ng-click="makeRequest(0)">make request 1</button>
        <button ng-click="makeRequest(1)">make request 2</button>
    
        <h2>Response:</h2>
        <div ng-bind-html-unsafe="response.div"></div>
        <pre class="gist">{{responseData}}</pre>
    </div>
</div>

JavaScript

var rawurl = ["https://gist.github.com/4673583.json", "https://gist.github.com/4665900.json"];

function mainCtrl($scope, $http) {
    $scope.makeRequest = function (num) {
        $http({
            url: rawurl[num] + "?callback=JSON_CALLBACK",
            method: "JSONP"
        }).then( function ( response ) {
            var fileData = angular.element(response.data.div)[0].querySelector('.file-data'),
                lines = fileData.querySelectorAll('.line'),
                txt = '';

            angular.forEach(lines, function(el, index) {
                txt += el.innerText + '\n';
            });
       
          $scope.responseData = txt;
        });
    }
}

var Showdown = require('showdown');
var converter = new Showdown.converter();

alert(converter.makeHtml('#hello markdown!'))