gpt4 book ai didi

javascript - 仅在 html 中插入图像一次

转载 作者:行者123 更新时间:2023-11-28 06:18:07 24 4
gpt4 key购买 nike

这是在JS文件中

(function(){
var app = angular.module('myApp', []);

app.controller('appController',[ '$scope', '$http', function($scope, $http){
$http.get('auto_data.json').then(function(quizData){
$scope.myQuestions = quizData.data;
});
}]);

})();

这是 JSON

{
"question" : "Saturn is the ______ planet from the Sun.",
"image" : "images/category/1.jpg",
"answers" : [
{"id" : 0, "text" : "Fourth" },
{"id" : 1, "text" : "Sixth" },
{"id" : 2, "text" : "Second" },
{"id" : 3, "text" : "Eight" }
],
"correct" : 1
}

这是我的 HTML

<!DOCTYPE HTML>
<html ng-app="myApp">

<div id="myQuiz" ng-controller="appController">
<div ng-repeat="myQuestion in myQuestions " >
<h2 class="txt" >{{myQuestion.question}}</h2>
<div ng-repeat="answer in myQuestions[$index].answers">
<p>{{answer.text}}</p>
<img ng-src="{{myQuestion.image}}" >
</div>
</div>
</div>

<script src="js/angular.min.js"></script>
<script src="js/quiz_test.js"></script>
</html>

在这种情况下,图像在页面上出现 3 次。如何让图片只显示一次?

最佳答案

移动<img ng-src="{{myQuestion.image}}" >低于收盘价</div>在其当前位置下。它显示了多次,因为它陷入了 ng-repeat。

关于javascript - 仅在 html 中插入图像一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35777008/

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