将json输出中的变量映射到string中的位置

时间:2016-09-02 19:10:24

标签: javascript angularjs ionic-framework

如何将json输出中的example映射到基于position的字符串?这很难解释,但我在下面列出了我的代码和更多细节:

JSON输出

[
    {
        "phrase": "Training {{group}} to develop their {{attribute}} by ensuring they are comfortable with {{factor}}",
        "example": "the team",
        "position": 0
    },
    {
        "phrase": "Training {{group}} to develop their {{attribute}} by ensuring they are comfortable with {{factor}}",
        "example": "match skills",
        "position": 1
    },
    {
        "phrase": "Training {{group}} to develop their {{attribute}} by ensuring they are comfortable with {{factor}}",
        "example": "defence techniques",
        "position": 2
    }
]

controller.js

PhraseService.getPhraseExample($scope.phraseId).then(function(dataResponse) {
  $scope.phraseExampleList = dataResponse.data;
})

services.js

function PhraseService($http) {

  this.getPhraseExample = function(phraseId) {

    return $http({
      method: 'GET',
      url: server + '/api/phrase-example/' + phraseId,
    });

  }

}

词组detail.html

<div class="item item-text-wrap">
    <span ng-repeat="e in phraseExampleList">{{ e }}</span>
</div>

当前输出

enter image description here

所需的输出

enter image description here

1 个答案:

答案 0 :(得分:1)

你想要https://stackoverflow.com/a/18234317/3856625中描述的东西,看起来StackOverflow有你需要的相同方法:)

因此,您将映射您拥有的条目,并使用它来替换所需的条目。