image.html 1.01 KB
Edit Raw Blame History Permalink

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <link
      href="https://cdn.staticfile.org/antd/3.26.9/antd.css"
      rel="stylesheet"
    />
  </head>

  <body>
    <div ng-app="esNgAntd" ng-controller="mainCtrl">
      <div class="container" style="padding: 50px">
        <!-- <antd-image d-src="{{url}}" width="200" height="200"></antd-image> -->

        <antd-image-preview-group>
            <antd-image d-src="{{url}}" width="200" height="200"></antd-image>
            <antd-image d-src="{{url}}" width="200" height="200"></antd-image>
        </antd-image-preview-group>
      </div>
    </div>
    <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
    <script src="../dist/ng-antd.js"></script>
    <script>
      angular
        .module("esNgAntd")
        .controller("mainCtrl", function ($scope) {
            $scope.url="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png";
        });
    </script>
  </body>
</html>