Dizimi Hatası: Token ':' Ben bir direktif <code>iframely</code> çağrıda geçen değişken

Question

yönergesine beklenmedik bir belirteç olup böyle bir ng-repeat içeride bunu:

<iframely url="iterator.url"></iframely> 

Bu sadece dize "iterator.url" olarak değerini davranır gerçek .url değeri değil. denemek için, sadece doğrudan bir URL koymak: Bana Syntax Error: Token ':' is an unexpected token hata veriyor

<iframely url="https://soundcloud.com/braxe1/braxe-one-more-chance"></iframely> 

. Ben yönergesi bu değeri geçirmeden ele verdik en yakın olan:

<iframely url="'{{iterator.url}}'"></iframely> // note double and single quotes 

Bu iterator URL parametresini giderir, ama aynı zamanda dize bir parçası olarak ' ' tek tırnak ile birlikte geçirir.

DÜZENLEME: Ayrıca, tek tırnak işaretleri olmadan denedi.

<iframely url="{{iterator.url}}"></iframely> 

Ve Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{iterator.url}}] starting at [{iterator.url}}]

Bunu yapmak için doğru yolu nedir var mı?

---

EDIT2:

angular.module('iframely', []) 

.directive('iframely', [ '$http', '$sce', function ($http, $sce) { 
    return { 
     replace: true, 
     restrict: "E", 
     scope: { 
      url: '=' 
     }, 
     template: '<div ng-bind-html="content"></div>', 
     link: function (scope, element, attrs) { 
      $http({ 
       url: 'http://localhost:8061/iframely', 
       method: 'GET', 
       params: { 
        url: attrs.url 
       } 
      }) 
      .then(function (result) { 
       scope.content = $sce.trustAsHtml(result.data.html) 
      }) 
     } 
    } 
}]) 

Answer 1

Sen url: '='

By url: '@'

https://docs.angularjs.org/api/ng/service/$compile

Answer 2

değiştirin aşağıdaki olmasını yönergesini değiştirmeniz gerekir: Burada direktif kodudur :

url: scope.url kapsamındaki '@' ile dikkat edin.