Wie lege ich das src-Attribut eines iFrames aus einer Variablen in AngularJS mithilfe des $sce-Dienstes fest?

Festlegen des iFrame-src-Attributs aus einer Variablen in AngularJS

Um das src-Attribut eines iframes aus einer Variablen in AngularJS festzulegen, muss der $sce-Dienst in den Controller eingefügt werden .

Controller-Änderung

Fügen Sie in AppCtrl die $sce-Abhängigkeit ein:

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

Vertrauen Sie dann innerhalb der setProject-Funktion der URL mit „trustAsResourceUrl:“

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

Vorlagenänderung

Verwenden Sie in der Vorlage die Variable currentProjectUrl im ng-src-Attribut:

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

Dieser Ansatz stellt sicher, dass die URL von AngularJS sicher verarbeitet wird verhindert potenzielle Cross-Site-Scripting-Schwachstellen.

Das obige ist der detaillierte Inhalt vonWie lege ich das src-Attribut eines iFrames aus einer Variablen in AngularJS mithilfe des $sce-Dienstes fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!