Bagaimana untuk Menetapkan Atribut src iFrame daripada Pembolehubah dalam AngularJS Menggunakan Perkhidmatan $sce?

Menetapkan Atribut iFrame src daripada Pembolehubah dalam AngularJS

Untuk menetapkan atribut src iframe daripada pembolehubah dalam AngularJS, perkhidmatan $sce mesti disuntik ke dalam pengawal .

Pengubahsuaian Pengawal

Dalam AppCtrl, masukkan kebergantungan $sce:

<code class="js">function AppCtrl ($scope, $sce) {
    // ...
}</code>

Kemudian, di dalam fungsi setProject, percayai URL menggunakan trustAsResourceUrl:

<code class="js">$scope.setProject = function (id) {
    $scope.currentProject = $scope.projects[id];
    $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);
}</code>

Pengubahsuaian Templat

Dalam templat, gunakan pembolehubahProjectUrl semasa dalam atribut ng-src:

<code class="html"><iframe ng-src="{{currentProjectUrl}}"></iframe></code>

Pendekatan ini memastikan URL dikendalikan dengan selamat oleh AngularJS dan menghalang potensi kelemahan skrip merentas tapak.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Atribut src iFrame daripada Pembolehubah dalam AngularJS Menggunakan Perkhidmatan $sce?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!