Angularjs 角度控制器未更新我的视图
我在我的网站上创建了一个小的Angular模块(在poge load上)从数据库中调用俱乐部列表,并通过视图显示它们。 我有一个问题,而控制器没有自我更新。控制器变量显示了正确的数据,但没有更新视图。 这是我的密码: 查看文件: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
<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">