gpt4 book ai didi

javascript - 尽管存在 标签,但图像未显示且没有错误

转载 作者:行者123 更新时间:2023-12-03 11:59:36 25 4
gpt4 key购买 nike

(转载于 Plunkr )

我有一个页面,用户输入用户名,网站会获取一些元数据,包括 Gravatar ID。然后,它使用 ID 来显示头像,但是,尽管有 img 标签,其中包含正确的 URL,并且浏览器的开发人员控制台中没有错误,但图像并未显示.

我还可以看到正在进行的 HTTP 调用,并返回 200。

<小时/>

注意

如果我在 Firefox 中打开 Plunkr,我会出现引用错误:

ReferenceError: angular is not defined
http://run.plnkr.co/plunks/4tGAFuqjfqn9hYUy1Xoa/app.js
Line 1

注意

在 IE 和 Safari 中,它都按预期工作,只有 Chrome 失败且没有错误。

<小时/>
<!DOCTYPE html>
<html ng-app="gitHubViewer">
<head lang="en">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="script/angular/app.js"></script>
<script src="script/angular/controllers/main-controller.js"></script>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<div ng-controller="MainController">
<div>
<h2>{{user.name}}</h2>
<div>Username: {{user.login}}</div>
<div>Gravatar ID: {{user.gravatar_id}}</div>
<img ng-src="http://www.gravatar.com/avatar/{{user.gravatar_id}}" />
</div>

<form name="searchUser">
<input type="search" placeholder="Username to find." ng-model="username" />
<input type="submit" value="Search" ng-click="search(username)"/>
</form>
</div>
</body>
</html>

主 Controller :

(function (app) {
var MainController = function ($scope, $http) {
$scope.message = 'Hello World!';

$scope.search = function (username) {
console.log('Username = ' + username);

$http.get('https://api.github.com/users/' + username)
.then(onUserComplete);
};

var onUserComplete = function (response) {
$scope.user = response.data;
};

};

app.controller("MainController", ["$scope", "$http", MainController])
})(gitHubViewer);

app.js

var gitHubViewer = gitHubViewer || angular.module("gitHubViewer", [], function () {
});

最佳答案

它在 Chrome 和 Firefox 中都运行良好。

Chrome 版本 36.0.1985.143 m

火狐31

关于javascript - 尽管存在 <img> 标签,但图像未显示且没有错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25475001/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com