2021年1月22日星期五

Angular JS Image and text toggle

Can anyone please help me to understand, why I'm getting error in the given code:

<!DOCTYPE html>  <html lang="en" ng-app="demo1">    <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>    <title>SAM Store</title>    <link rel="icon" href="./Static/Final-JPEG.jpg">  </head>    <body>    <div>      <div>        <img src="./Static/Logo.png" ng-hide="Logo" onerror="logoerror()">        <h1 ng-show="Logo">SAM Store</h1>      </div>    </div>  </body>  <script>    var app = angular.module('demo1', []);      function logoerror() {      app.controller('header', function($scope) {        $scope.Logo = true;      });    }  </script>    </html>

My aim is to create a logic, which will display the image, and if there is some error in loading the image, h1 heading will be displayed

https://stackoverflow.com/questions/65855933/angular-js-image-and-text-toggle January 23, 2021 at 01:07PM

没有评论:

发表评论