Question

我使用angular v1.4.7

运行以下代码

<img ng-repeat="x in modules" style="float:left" ng-src="{{moduleImagePath(x)}}"/>

图像路径由moduleImagePath（x）创建。此函数基本上将图像从良好状态切换到错误状态图像，其中_ERR附加到图像名称：

$scope.moduleImagePath= function(item)
        {
            var name = item.name
            if (item.idx === 0)
                name = 'Master'

            if (item.isLost === 1 || item.state != 'Op')
            {
                return 'img/' + name + '_ERR.jpg'
            }
            else
            {
                return 'img/' + name + '.jpg'
            }
        }

显示视图时，计时器开始轮询包含模块数据的json更新。通常它是在一个500ms的计时器上，但是对于调试我已经做了10秒钟。

图像永远不会出现在屏幕上，Chrome检查员会说明图像正在加载，但是从不在网络服务器上请求它们。他们仍然无限期地等待着：

Master.jpg  (pending)       Other   0 B Pending 
Master_ERR.jpg  (pending)       Other   0 B Pending 
EL1124.jpg  (pending)       Other   0 B Pending 
EL1124_ERR.jpg  (pending)       Other   0 B Pending 
EL4024.jpg  (pending)       Other   0 B Pending 
EL4024_ERR.jpg  (pending)       Other   0 B Pending 
EL2624.jpg  (pending)       Other   0 B Pending 
EL2624_ERR.jpg  (pending)       Other   0 B Pending 
EL4008_ERR.jpg  (pending)       Other   0 B Pending 
EL4008.jpg  (pending)       Other   0 B Pending

网络服务器是嵌入在localhost上运行的C程序中的mongoose。

如果我使用以下代码，它可以工作，但当然需要为每个用例手写：

<div ng-if="x.name == 'Master' && x.isLost === 0"> <img src="img/Master.jpg"/></div>
<div ng-if="x.name == 'Master' && x.isLost === 1"> <img src="img/Master_Err.jpg"/></div>
<div ng-if="x.name == 'EK1100' && x.isLost === 0"> <img src="img/EK1100.jpg"/></div>
<div ng-if="x.name == 'EK1100' && x.isLost === 1"> <img src="img/EK1100_Err.jpg"/></div>
<div ng-if="x.name == 'EL1124' && x.isLost === 0"> <img src="img/EL1124.jpg"/></div>
<div ng-if="x.name == 'EL1124' && x.isLost === 1"> <img src="img/EL1124_Err.jpg"/></div>
<div ng-if="x.name == 'EL2624' && x.isLost === 0"> <img src="img/EL2624.jpg"/></div>
<div ng-if="x.name == 'EL2624' && x.isLost === 1"> <img src="img/EL2624_Err.jpg"/></div>
<div ng-if="x.name == 'EL4008' && x.isLost === 0"> <img src="img/EL4008.jpg"/></div>
<div ng-if="x.name == 'EL4008' && x.isLost === 1"> <img src="img/EL4008_Err.jpg"/></div>
<div ng-if="x.name == 'EL4024' && x.isLost === 0"> <img src="img/EL4024.jpg"/></div>
<div ng-if="x.name == 'EL4024' && x.isLost === 1"> <img src="img/EL4024_Err.jpg"/></div>

在切换它们之前，似乎需要预先加载资源。这应该通过css还是其他方法完成？

Answer 1

我没有看到你的angularjs代码有任何问题。但你只是为了解决你的问题，你可以尝试这种方式。

为if (this.gameObject.name == "P0" && isGrounded && !jumping) { if (Input.GetMouseButtonDown (0)) { jumping = true; rid.velocity = new Vector3 (0, 50f * jump, 0); } } if (this.gameObject.name == "P0" && !isGrounded && jumping) { if (Input.GetMouseButtonDown (0)) { rid.velocity = new Vector3 (0, 60f * jump, 0); jumping = false; } }创建一个ng-switch（我知道它只是一个bool.still我更喜欢使用x.isLost而不是ng-switch）

ng-if

要检查一下，您是通过localhost还是ipaddress运行网页？有时当我尝试使用我的IP访问我的网页时遇到这样的问题。

Angular ng-repeat不从服务器加载图像 - 始终＆＃34;待定＆＃34;

1 个答案: