亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何從AngularJS中的變量中設置iframe src屬性

如何從AngularJS中的變量中設置iframe src屬性

如何從AngularJS中的變量中設置iframe src屬性我想把src變量的iframe屬性,我無法讓它工作.標記:<div class="col-xs-12" ng-controller="AppCtrl">     <ul class="">         <li ng-repeat="project in projects">             <a ng-click="setProject(project.id)" href="">{{project.url}}</a>         </li>     </ul>     <iframe  ng-src="{{trustSrc(currentProject.url)}}">         Something wrong...    </iframe></div>控制器/app.js:function AppCtrl ($scope) {     $scope.projects = {         1 : {             "id" : 1,             "name" : "Mela Sarkar",             "url" : "http://blabla.com",             "description" : "A professional portfolio site for McGill University professor Mela Sarkar."         },         2 : {             "id" : 2,             "name" : "Good Watching",             "url" : "http://goodwatching.com",             "description" : "Weekend experiment to help my mom decide what to watch."             }     };     $scope.setProject = function (id) {         $scope.currentProject = $scope.projects[id];         console.log( $scope.currentProject );     }}使用這段代碼,沒有任何東西被插入到iframe的src屬性。只是一片空白。更新1:我注射了$sce現在,AppCtrl和$sce.TrustUrl()中的依賴關系可以正常工作,而不會引發錯誤。不管怎么回事TrustedValueHolderType我不知道如何插入一個實際的URL。如果在屬性的內插大括號中使用$sce.TrustUrl(),則返回相同的類型。src="{{trustUrl(currentProjectUrl))}}"或者在設置currentProjectUrl值時,在控制器內執行此操作。我甚至都試過了。更新2:我知道了如何使用.toString()從受托人UrlHolder返回url,但是當我這樣做時,當我試圖將它傳遞到src屬性時,它會拋出安全警告。更新3:如果在控制器中使用信任AsResourceUrl()并將其傳遞給ng-src屬性中使用的變量,它就能工作:$scope.setProject = function (id) {     $scope.currentProject = $scope.projects[id];     $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);     console.log( $scope.currentProject );     console.log( $scope.currentProjectUrl );}我的問題似乎通過這個解決了,雖然我不太清楚為什么。
查看完整描述

3 回答

  • 3 回答
  • 0 關注
  • 1590 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號