Question

我对角度很新，并尝试使用rails作为后端构建一个小应用程序。我试图迭代一个对象数组并在视图上显示它们虽然不知何故我似乎无法解决这个问题。我在这里肯定有一些愚蠢的东西。

我的控制器看起来像这样：

angular.module('WoWiWe')
.controller('MainCtrl', [
  '$http',
  '$scope',
  'wishFactory',
  function($scope, wishFactory, wishesPromise){
    $scope.wishesJson = [{
      text: "Standard Message"
      }, {
      text: "Success Message!",
      type: "success"
      }, {
      text: "Alert Message!",
      type: "alert"
      }, {
      text: "secondary message...",
      type: "secondary"
    }];

  console.log($scope.wishesJson);
}]);

我的html部分看起来像这样：

<div class="jumbotron" ng-repeat="wi in wishesJson">
  <p> {{wi.text}} </p>
  <h5>Rewishes <span class="badge">3</span> </h5>

  <div class="btn-group">
    <a type="button" class="btn-sm btn-success" ng-href="#/">Fulfill <span class="glyphicon glyphicon-check"></span></a>
    <a type="button" class="btn-sm btn-primary" ng-href="#" ng-click="incrementRewishCount(wish)">Rewish <span class="glyphicon glyphicon-repeat"></span></a>
    <a type="button" class="btn-sm btn-danger" ng-href="#/">Flag <span class="glyphicon glyphicon-flag"></span></a>
    <span>
      <a href="#/conversation/some">Messages</a>
    </span>
  </div>
</div>

<form ng-submit="addWish()" style="margin-top: 30px">
  <h4>Make a new wish</h4>
    <div class="form-group">
      <input type="text" class="form-control" placeholder="Your wish" ng-model="wishTitle"></input>
      <input type="text" class="form-control" placeholder="Small description" ng-model="wishDesc"></input>
      <button type="submit" class="btn btn-primary">Post</button>
</form>

我还在一个单独的文件中有一个配置块来将事物联系在一起：

angular.module('WoWiWe', ['ui.router', 'templates'])

.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('home', {
      resolve: {
        wishesPromise: ['wishFactory', function(w) {
          return w.getAll();
        }]
      },
      url: '/home',
      templateUrl: 'home/_home.html',
      controller: 'MainCtrl'
    })
    .state('conversation', {
       url: '/conversation/{id}',
       templateUrl: 'conversation/_conversation.html',
       controller: 'ConversationCtrl'
    });

  $urlRouterProvider.otherwise('home');

}]);

我可以在控制台上看到$ scope.wishesJson，但是ng-repeat标签不会在我的网页上浏览视图我在互联网上浏览了很多东西，这似乎是一个无法解决的问题。

任何帮助表示感谢。

无法使用ng-repeat查看数组对象

0 个答案: