2017-01-13 5 views
1

は、私はそれだけでローカルファイルがないクロスドメインの問題だところで、このng-repeatでIFRAMEにng-srcを使用するには?

<div ng-repeat "data in datas"> 
<iframe ng-src="myurl.html?cat={{data.id}}"> 

ような何かをする必要があります。

私はDEMO $のSCEを使用して固定されたURLに行う方法を知っているが、あなたのNG-repeatがどうあるべきか、変数のURLでNGリピートして変化する

+3

'ng-repeat'にタイプミスがあり、同じである可能性があります。 –

+0

サニタイズモジュールを注入しましたか?正しいパスを指定してください。それは動作するはずです。 –

答えて

1

知らない、

<div ng-repeat="data in datas"> 

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

 
app.controller("ListCtrl", ["$scope", 
 
    function($scope) {  
 
    $scope.datas = [{ id: "https://farm4.staticflickr.com/3261/2801924702_ffbdeda927_d.jpg" }, 
 
{ id: "https://farm9.staticflickr.com/8455/8048926748_1bc624e5c9_d.jpg" }]; 
 
    } 
 
]);
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-app='app'> 
 
    <div ng-controller="ListCtrl"> 
 
    <div data-ng-repeat="data in datas"> 
 
     <a href='#'><img ng-src="myurl.html?cat={{data.id}}" /></a> 
 
    </div> 
 
    </div> 
 

 

 
</body> 
 

 
</html>

+0

私の問題はng-repeatではなくng-srcのiframe:ng-src内の{{data.id}}が機能しない – user310291

+0

上記のサンプルをチェックすると、タブ – Sajeetharan

+0

こんにちは、申し訳ありませんが、私のタイトルでは、それがiframeであったことは言及していませんでした、それは私のコードでのみだったので、タイトルを変更しました。 – user310291

関連する問題