Comment définir l'attribut src d'un iFrame à partir d'une variable dans AngularJS à l'aide du service $sce ?

Définition de l'attribut src iFrame à partir d'une variable dans AngularJS

Pour définir l'attribut src d'une iframe à partir d'une variable dans AngularJS, le service $sce doit être injecté dans le contrôleur .

Modification du contrôleur

Dans AppCtrl, injectez la dépendance $sce :

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

Ensuite, dans la fonction setProject, faites confiance à l'URL en utilisant trustAsResourceUrl :

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

Modification du modèle

Dans le modèle, utilisez la variable currentProjectUrl dans l'attribut ng-src :

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

Cette approche garantit que l'URL est gérée en toute sécurité par AngularJS et empêche les vulnérabilités potentielles de scripts intersites.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!