javascript - 带有 ng-src 和 ng-repeat 的 if/else 语句

Question

我正在尝试编写一个 if/else 语句，我想要发生的是，如果条件为真，我想显示一张图片，如果条件为假，则显示另一张图片。

这是我的 Controller :

$scope.getFeatureNo = function (thisCase) {
        if (thisCase.featureno == 1) {
            return red_light;
        }
        else {
            return amber_light;
        }

如果这种情况等于 1，它应该显示一个红灯，该灯保存在存储我的 index.html 文件的同一文件夹中。

这是我的 HTML。我使用 ng-repeat 因为我想制作一个表格。

  <md-grid-tile ng-repeat-start="thisCase in caselist">
        {{getFeatureNo(thisCase)}}
  </md-grid-tile>

我知道我必须使用 ng-src 但我不知道在这种情况下如何使用它。另外，如果这有更多帮助，这是我的数据。

    {
    "SchemeCaseID": "122^239",
    "featureno": "1",
    "slide": "LC",
    "malignancy": "1",
    "noParticipantsHit": 46,
    "noParticipantsMissed": 733,
    "noParticipantsHitNormal": 3,
    "noParticipantsHitBenign": 12,
    "noParticipantsHitMalignant": 31,
    "typeidx": "1",
    "coords": "0.33217993079584773:0.2051948051948052,0.42560553633217996:0.2025974025974026,0.5051903114186851:0.23376623376623376,0.5536332179930796:0.2779220779220779,0.5813148788927336:0.3220779220779221,0.5951557093425606:0.36103896103896105,0.5813148788927336:0.38961038961038963,0.5155709342560554:0.3974025974025974,0.4290657439446367:0.35324675324675325,0.33217993079584773:0.3012987012987013,0.314878892733564:0.2857142857142857,0.314878892733564:0.2857142857142857"
  },



      {
    "SchemeCaseID": "122^240",
    "featureno": "2",
    "slide": "LC",
    "malignancy": "2",
    "noParticipantsHit": 110,
    "noParticipantsMissed": 669,
    "noParticipantsHitNormal": 7,
    "noParticipantsHitBenign": 76,
    "noParticipantsHitMalignant": 27,
    "typeidx": "7",
    "coords": "0.0034602076124567475:0.2545454545454545,0.02768166089965398:0.2545454545454545,0.04844290657439446:0.2805194805194805,0.03460207612456748:0.3012987012987013,0.01384083044982699:0.3142857142857143,0.010380622837370242:0.3142857142857143,0.010380622837370242:0.3142857142857143"
  },

非常感谢所有的帮助，我很抱歉我的英语不好。这不是我的母语。

Answer 1

如果 amber_light 和 red_light 是图像路径，那么您可以将 ng-src 与 img 一起使用> 标签:

<img ng-src="{{ getFeatureNo(thisCase) }}" />