Question

我的index.html：

List<string> firstList ;
List<string> secondList;

// precondition:  firstList and secondList have been populated
protected bool ExistsInBothList(string sInput)
{   
    bool inFirstList = firstList.Any(x => x == sInput);
    bool inSecondList = secondList.Any(x => x == sInput);

    return inFirstList && inSecondList;
}

我的app.js：

<body id="body" ng-app="myApp" ng-controller="Main" ng-init="init()">
</body>
<script src="app.js"></script>

我的init（）函数肯定会被执行但我不知道为什么我的图像没有设置在身体上..我错过或忽略了什么？

身体中没有显示img标记

Answer 1

原因是因为图像在加载之前不会被附加，但在添加之前也不会被加载。如果要在完成加载之前隐藏图像，请尝试以下操作：

var img = new Image();
var body = document.getElementById('body');
img.src = path;
img.style.visibility = "hidden";
img.onload = function() {
    img.style.visibility = "visible";
};
body.appendChild(img);

Answer 2

问题出在你的道路上。例如，如果你把url放到图像上，它就可以了。看到这个链接： http://plnkr.co/edit/gSRn5v2otzYb0U5EPj8W?p=preview

现在针对你的问题，我认为你需要把这个src：

 var path = "./images/image"+rand+".jpg";

或

 var path = "../images/image"+rand+".jpg";

它取决于您的images文件夹以及它在文件夹树中的位置。我想它无法在这条路径中找到图像。

如果它们都不起作用，请告诉我们您在控制台日志中获得的内容，它将帮助我们给您答案。

希望我能帮助

在网站上加载图片打开

2 个答案: