La directiva ng-srcset en AngularJS se usa para especificar el atributo srcset de un elemento <img>. Garantiza que no se produzca una imagen incorrecta hasta que se haya evaluado AngularJS. Es compatible con los elementos <img> y <source>.
Sintaxis:
<img ng-srcset="url"> </img>
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>ng-srcset Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js">
</script>
</head>
<body ng-app="app" style="text-align:center">
<h1 style="color:green">GeeksforGeeks</h1>
<h2>ng-srcset Directive</h2>
<div ng-controller="geek">
<img ng-srcset="{{pic}}" /><br><br><br>
</div>
<script>
var app = angular.module("app", []);
app.controller('geek', ['$scope', function ($scope) {
$scope.pic =
"https://media.geeksforgeeks.org/wp-content/uploads/20190328034223/ngimg1.png";
}]);
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA