如何禁用 AngularJS 的闪烁 ng-repeat？

Question

在收到 AngularJS 提交的查询后，我试图显示一些重复的对象。 当我只看到以下页面而没有任何提交查询时，ng-repeat 将呈现一个 ng-repeat 的 div 部分而没有结果（因此为空）。为什么会发生这种情况，如何禁用显示空结果渲染？

• html

代码

<form ng-submit="doSearch()" ng-keyup="doSearch()" name="myForm">
  <input type="text" placeholder="<%= t('.placeholder') %>" ng-model="query" required>
  <input type="submit" class='button postfix' value="<%= t('.register') %>" ng-disabled="myForm.$invalid">
</form>

<div ng-repeat="result in results">
  <div class="row">
    <div>
      <p ng-bind-html="result.contentSnippet"></p>
    </div>

    <div>
      <a href="/#" target="_blank">link</a>
    </div>
  </div>
</div>

• 控制器

代码

google.load "feeds", "1"

kindlers = angular.module("kindlers", [ "ngSanitize" ])

findFeeds = ($scope)->
  google.feeds.findFeeds $scope.query, (result) ->
    console.log $scope.query   
    if $scope.query == "undefined" || result.error
      $scope.results = undefined
    else
      $scope.results = result.entries 
    $scope.$apply()

@mainCtrl = ($scope, $http) ->
  console.log($scope.results)
  $scope.doSearch = ->
    google.setOnLoadCallback findFeeds($scope)

• JavaScript（从上面的 CoffeeScript 转换而来）

代码如下。控制台.log($scope.results);显示“未定义”。

(function() {
  var findFeeds, kindlers;

  google.load("feeds", "1");

  kindlers = angular.module("kindlers", ["ngSanitize"]);

  findFeeds = function($scope) {
    return google.feeds.findFeeds($scope.query, function(result) {
      console.log($scope.query);
      if ($scope.query === "undefined" || result.error) {
        $scope.results = void 0;
      } else {
        $scope.results = result.entries;
      }
      return $scope.$apply();
    });
  };

  this.mainCtrl = function($scope, $http) {
    console.log($scope.results);
    return $scope.doSearch = function() {
      return google.setOnLoadCallback(findFeeds($scope));
    };
  };

}).call(this);

Answer 1

确保在您的控制器中结果完全为空。你可以这样初始化它：$scope.results = [];

Answer 2

ng-show="result.length > 0' 怎么样

Answer 3

将$scope.results 初始化为{}，并在出错时将其默认为{}，而不是未定义。

google.load "feeds", "1"

kindlers = angular.module("kindlers", [ "ngSanitize" ])

findFeeds = ($scope)->
  google.feeds.findFeeds $scope.query, (result) ->
    console.log $scope.query   
    if $scope.query == "undefined" || result.error
      $scope.results = {}
    else
      $scope.results = result.entries 
    $scope.$apply()

@mainCtrl = ($scope, $http) ->
  $scope.results = {}
  console.log($scope.results)
  $scope.doSearch = ->
    google.setOnLoadCallback findFeeds($scope)