【问题标题】:Single value in ng-repeatng-repeat 中的单个值
【发布时间】:2019-03-19 16:24:47
【问题描述】:

在我的主 ng-repeat div 中,我有一个 div,它应该只包含一个匹配值,我现在尝试的方法会导致相同的值出现在每个游戏中,因为它在主 ng 重复中,我应该怎么做的

<div class="row spacing10" ng-controller="latestfeed">
  <div class="col s1 offset-s11 time" ng-repeat="latest in latestfeed">{{ latest.minute }}</div>
</div>

只获取匹配游戏的活动时间?

HTML:

  <div id="live" class="container" ng-controller="games">
    <div ng-repeat="game in games">
      <div class="card-panel">
        <div class="row spacing10">
          <div class="col s11" ng-class="{'bold': game.firstscore > game.secondscore}">{{ game.first}}</div>
          <div class="col s1 customred" ng-class="{'customgreen': game.second > game.second}">{{ game.first|| 0 }}</div>
        </div>
        <div class="row spacing10" ng-controller="latestfeed">
          <div class="col s1 offset-s11 time" ng-repeat="latest in latestfeed">{{ latest.minute }}</div>
        </div>
        <div class="row">
          <div class="col s11" ng-class="{'bold': game.second> game.first }">{{ game.second}}</div>
          <div class="col s1 customred" ng-class="{'customgreen': game.secondscore > game.firstscore }">{{ game.secondscore|| 0 }}</div>
        </div>
      </div>
    </div>
  </div>

app.js

app.controller('games', function ($scope, $http) {
  $http.get('https://www.website.com/app/?data=games').success(function (data) {
    $scope.games= data;
  });
});

app.controller('latestfeed', function ($scope, $http) {
  $http.get('https://www.website.com/app/?data=latestfeed').success(function (data) {
    $scope.latestfeed = data;
  });
});

PHP JSON 查询:

games:
$sql->query('SELECT * FROM games WHERE dateofgame = :date');

latestfeed:
        $sql->query('SELECT * FROM event_items, feed, games
                     WHERE event_items.event_id = feed.event_id
                     AND feed.gamenumber = games.gamenumber
                     AND day = :date
                     ORDER BY feed.time DESC LIMIT 1');

游戏查询输出简而言之:

[{"gamenumber":6160,"},{"gamenumber":6161,"}]

latestfeed 查询输出简言之:

[{"event_id":4,"gamenumber":6160,"minute":40,"}]

HTML 输出: 一个 div 包含游戏编号 6160,一个 div 包含游戏编号 6161,在这种情况下,分钟 40 应该只显示在第一个 div 中

【问题讨论】:

  • 这可能有助于您的问题显示您当前和预期的输出。
  • 我已经编辑了这个问题,希望我把它说得更清楚一点
  • 它没有。显示当前和预期的输出。可以是 HTML 也可以是 SQL 查询本身。
  • 我包含了查询的 JSON 输出和 HTML 的描述

标签: php angularjs json


【解决方案1】:

ng-repeat="latest in latestfeed" ng-if="latest.gamenumber === game.gamenumber" 修复它,我是 Angular 新手,不知道这是可能的

【讨论】:

    猜你喜欢
    • 2016-10-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-22
    • 2015-07-24
    • 2017-12-22
    • 1970-01-01
    • 2015-06-27
    相关资源
    最近更新 更多