Javascript 角度JS-Ng重复问题

我正在定义数组，如图所示：

$scope.tt=  [
  {
    "name" : "1",
    "sel" : false
  },
  {
    "name" : "2",
    "sel" : false
  },
  {
    "name" : "3",
    "sel" : false
  }
];

在我看来：

<div ng-repeat="mod in tt" ng- class="t text-center">
    <img src="images/tt/{{mod.name}}.png"/>
    <span class="tt">{{mod.name}}</span>

    <div class="overlay" ng-show="mod.sel">

      <div class="range-slider" data-slider data-options="start: 1; end: 10;">
        <span class="range-slider-handle" role="slider" tabindex="0"></span>
        <span class="range-slider-active-segment"></span>
        <input type="hidden">
      </div>

      <button>Ok</button>
      <button>Cancel</button>
    </div>


</div>

{{mod.name}}
好啊
取消

它工作并显示所有三个项目名称和相关图像，但随后出现错误：

获取404（未找到）

好像有4项而不是3项

---

什么原因会导致这种情况？

发生此错误的原因是，在angular开始插入变量之前，浏览器正在加载src。这意味着

{{mod.name}}

被逐字解释，并在您尝试加载它时产生404的URL

---

您应该改用ngsrc

之所以发生此错误，是因为在angular开始插入变量之前，浏览器正在加载src。这意味着

{{mod.name}}

被逐字解释，并在您尝试加载它时产生404的URL

---

您应该改用ngsrc

您应该看到大约3个错误，每个项目一个

原因是您使用了

src

而不是

ng src

，因此浏览器会立即尝试获取图像。改为：

<img ng-src="images/tt/{{mod.name}}.png"/>

---

您应该看到大约3个错误，每个项目一个

原因是您使用了

src

而不是

ng src

，因此浏览器会立即尝试获取图像。改为：

<img ng-src="images/tt/{{mod.name}}.png"/>