javascript - 如何使用 Angular 正确开发它？

Question

嗨，这是我的第一个问题，我不太确定如何正确地表达它，但这里是:

我有这段代码可以正确填充我的容器:

<div class="container" > 
         <div class="row" id="bets" ng-app="betsApp" ng-controller="betsController">
            <div ng-repeat="bet in betsList" class="item col-lg-3 col-sm-4 col-xs-6">
              <a href="pages/match.html">
                <p id="timer"></p>
                <img src="http://placehold.it/800x600" class="img-matchs img-responsive"></img>
              </a>
              <br></br>
            </div>
        </div>
</div>

它创建一个图像网格，每个图像代表一场比赛/投注。现在，当用户单击一张图像时，我必须将他/她重定向到我已经开发的比赛页面，我想使用 Angular 来完成有关该特定比赛的数据。我的问题是:解决这个问题的最佳方法是什么？我一直在阅读有关 Angular 路由和 UI 路由的内容(如果我没记错的话，它适用于一个 View ，但我没有使用它)。这是我的设计的主要疑问。

这是主应用程序的代码:

angular.module('betsApp', [
  'betsApp.controller'
]);

Controller :

angular.module('betsApp.controller', []).
controller('betsController', function($scope) {

    $scope.betsList = //get the betsList 

});

如果有另一种(更简单、更快)的方法来做到这一点，我愿意接受建议。希望我说得足够清楚。

编辑:如果您能提供一个编码示例那就最好了。

Answer 1

使用路线听起来非常好。您可以将此功能描述为一个单页 Web 应用程序，它有几个优点，其中最大的优点是速度。无需同步重新加载 js、css、图像等，用户体验将会非常好且快捷。

您提到您没有“拥有” View ，但调整您的代码以使用 View 应该是微不足道的。这方面的文档相对友好。

编辑

我假设您有办法让页面通过 AJAX 加载投注/比赛 View 的详细信息。如果您还没有为此设计后端，那么这将是更大的时间投入。但这是一个很好的学习模式。