2016-09-14 18 views
0

私は$localstorageを使ってファイルパスをローカルに保存し、iframeを使ってファイルをプレビューしようとしましたが、エラーが発生しています。Angularjsでローカルストレージを使用してファイルパスをローカルに保存するにはどうすればよいですか?

$scope.getResume = function() { 

      var resumeJson = { 
        "json":{ 
         "request":{ 
          "candidateid":$rootScope.globals.currentUser.userId, 
          "type":2 
         } 
        } 
       }; 


    var getresume = "http://MyServerURL?request=" + JSON.stringify(resumeJson); 

    $scope.resume = $localStorage.$default({x: getresume}); 
} 

HTML:

<iframe id="resume" src="{{resume.x}}" style="margin-top: 2em; height: 100%; width: 100%;"></iframe> 

しかし、私のように、フレーム内のエラーとその示すエラーメッセージを取得しています:私は、私が代わりにiframe src = "{"json":{"request":{"candidateid":44,"type":2}}}"を見つけたページを閲覧しようとすると

Cannot GET /%7B%22json%22:%7B%22request%22:%7B%22candidateid%22:44,%22type%22:2%7D%7D%7D

私のURLの。

+0

あなたがような何かしようとすることができます: '$のlocalStorage [ 'ファイル'] = "のhttp://?MyServerURL要求=" + JSON.stringify(resumeJsonを);'そして '$ scope.resume = $ localStorage ['file']; 'あなたの意見では:' src = "{{resume}}" '。つまり、デフォルトなしでテストしようとします。あるいは$ scope.resume = "http:// MyServerURL?request =" + JSON.stringify(resumeJson); ' – Kindzoku

+0

私は別の関数で$ sceを使っています。エラー:[$ sce:insecurl] $ sceDelegateポリシーで許可されていないURLからの読み込みリソースをブロックしました。エラー:[$ interpolate:interr] URL:http:// MyServerURL?request = {"json":{"リクエスト":{"候補者":44、 "タイプ":2}}} " – kalai

+0

あなたはあなたのURLを' $ sce'にラップする必要があります – Kindzoku

答えて

0

私はあなたのためにプランカを書いています。 iFrame srcを動的に設定するための100%実用的なソリューションです。

https://plnkr.co/edit/tpl:CR2TtS1zz9wFGgsl5z2c?p=preview

たぶん、あなただけのng-srcsrcを変更する必要があります。

<iFrame ng-src="{{mc.resume}}"></iFrame> 
関連する問題