Использование метода getTrustedHtml для получения html из URL

Question

Я пытаюсь извлечь html-код из URL-адреса для использования в качестве моего templateUrl и использую для этого getTrustedHtml, однако я получаю ошибку $ sce: unsafe.

    app.directive('showResult', ['$sce', function($sce){
return {
    restrict: 'E',
    scope: {
        info: '='
    },
    templateUrl: $sce.getTrustedHtml('https://raw.githubusercontent.com/aidanhall21/aidanhall21.github.io/master/showResult.html')

};
    }]);

Answer 1

Вот рабочее решение для вас: http://jsfiddle.net/yvbenitah/U3pVM/57716/

2 вещи:

вам нужно использовать trustAsResourceUrl, потому что вы хотите получить доступ к удаленному URL: angularjs doc .

Директива

будет выглядеть так:

.directive('showResult', ['$sce', function($sce){
return {
    restrict: 'E',
    scope: {
        info: '='
    },
    templateUrl: $sce.trustAsResourceUrl('https://raw.githubusercontent.com/aidanhall21/aidanhall21.github.io/master/showResult.html')

};

Вы должны сделать привязку правильно, если вы хотите, чтобы строка отображалась. Где будет использоваться директива, вы должны сделать

 .controller('testCtrl', function($scope){
    $scope.coucou = {name:"A NAME HERE"};
    })

и в вашем html:

<show-result info="coucou"></show-result>

наслаждаться!