Angularjs 角度控制器未更新我的视图

Angularjs 角度控制器未更新我的视图,angularjs,Angularjs,我在我的网站上创建了一个小的Angular模块(在poge load上)从数据库中调用俱乐部列表,并通过视图显示它们。 我有一个问题,而控制器没有自我更新。控制器变量显示了正确的数据,但没有更新视图。 这是我的密码: 查看文件: <div ng-app="clubFilter" ng-cloak class="col-lg-12" ng-controller="clubController"> {{clubObj.clubs}} <div class="col-lg-3" i

我在我的网站上创建了一个小的Angular模块(在poge load上)从数据库中调用俱乐部列表,并通过视图显示它们。 我有一个问题,而控制器没有自我更新。控制器变量显示了正确的数据,但没有更新视图。 这是我的密码:

查看文件:

<div ng-app="clubFilter" ng-cloak class="col-lg-12" ng-controller="clubController"> 
{{clubObj.clubs}}
<div class="col-lg-3" id="clubs-filter-left">
    <form ng-submit="filterClubs()">
        <input type="text" name="location" ng-model="searchTerm" placeholder="Search..." />
        <input type="submit" name="submit" value="Submit" />
    </form>
    <div id="searchInfo" ng-show="(searchTerm != '') || (activityText != '')">
        <span ng-show="searchTerm != ''"><strong>Location:</strong> {{searchTerm}}</span>
        <span ng-show="activityText != ''"><strong>Activity:</strong> {{activityText}}</span>
        <span class=''>(Distance indicated in miles)</span>
    </div>
    <div id="activityInfo" ng-show="activityText != ''">
        <p>Your nearest Leisure Centres with {{activityText}} facilties</p>
    </div>
</div>
<div class="col-lg-9" >     
    <ul class="leisure-centres">            
        <li ng-repeat="club in clubs" ng-show="club.show">              
            <div class="centre">
                <a class="link" ng-href="http://isca01.bigwavemedia.info{{club.link}}">More info</a>
                <a class="link" ng-show="club.distance > 0" ng-href="{club.link}" ng-cloak>{{club.distance}}m</a>           
                <div class="image" ng-show="club.image > 0">
                    <img src="{{image}}" alt="{{club.title}}" />                        
                </div>
                <div class="details">
                    <div class="title">
                        <h3>{{club.title}}</h3>
                    </div>
                    <div class="address">
                        {{club.building}},
                        {{club.street}},
                        {{club.city}},
                        {{club.county}},
                        {{club.postcode}}                           
                    </div>
                    <div class="tel">
                        <strong>Tel: </strong>
                        <a href="tel:{{club.telephone}}" ng-bind="club.telephone"></a>
                    </div>
                    <div class="email">
                        <strong>Email: </strong>
                        <a href="mailto:{{club.email}}" ng-bind="club.email"></a>
                    </div>
                </div>
            </div>
        </li>           
    </ul>
</div>
下面是console.log的结果(您可以看到有结果,并且它们是正确的)

在我看来,谁能理解为什么$scope.clubs变量没有将自身绑定到ng repeat?
谢谢

我在您的俱乐部对象中的任何位置都看不到
显示
,因此
ng show=“club.show”
将为假,并阻止视图在ng中显示您的俱乐部

而不是:

<li ng-repeat="club in clubs" ng-show="club.show">
  • 试试这个:

    <li ng-repeat="club in clubs">
    
  • <li ng-repeat="club in clubs" ng-show="club.show">
    
    <li ng-repeat="club in clubs">