javascript - AngularFire - 类型错误 : Cannot read property '$add' of undefined

Question

我使用 Ionic 和 AngularFire 进行聊天，但我遇到了问题:出现以下错误

TypeError: Cannot read property '$add' of undefined at Scope.$scope.sendChat (controllers.js:12)

阻碍我在工作中取得进步。我不明白在哪里可以找到解决方案。

这是我在 controller.JS 中的代码:

angular.module('starter.controllers', ['firebase'])

.factory("Chats", function($firebaseArray) {
  var itemsRef = new Firebase("https://<MYFIREBASE>.firebaseio.com/chats");
  return $firebaseArray(chatsRef);
})

.controller('ChatsCtrl', ['$scope', '$rootScope', 
  function($scope, Chats, $rootScope) {

  $scope.sendChat = function(chat) {
      $scope.chats.$add({
        user: 'guest',
        message: chat.message

      });

      chat.message = "";

    };

}])

这是我的 HTML 代码:

<ion-view view-title="Chats">
  <ion-content>
    <div class="list">
      <a class="item item-avatar">
        <img>
        <h2>{{ chat.user }}</h2>
        <p>{{ data.text }}</p>
      </a>
    </div>
    <form>
      <div class="list">
        <div class="item item-input-inset">
          <label class="item-input-wrapper">
            <input type="text" placeholder="Message" ng-model="chat.message">
          </label>
          <button class="button button-assertive ion ion-ios-chatbubble" ng-click="sendChat(chat)"></button>
        </div>
      </div>
    </form>
  </ion-content>
</ion-view>

我能找到一个慈善的灵魂来帮助我吗？

Answer 1

试试这个，

angular.module('starter.controllers', ['firebase'])
    .factory("Chats", function($firebaseArray) {
        var itemsRef = new Firebase("https://<MYFIREBASE>.firebaseio.com/chats");
        return $firebaseArray(itemsRef);
    })
    .controller('ChatsCtrl', ['$scope', '$rootScope', 'Chats', '$firebaseArray',
        function($scope, $rootScope, Chats, $firebaseArray) {
            $scope.chats = Chats;
            $scope.sendChat = function(chat) {
                $scope.chats.$add({
                    user: 'guest',
                    message: chat.message

                });

                chat.message = "";

            };

        }
    ]);        

您不应该在聊天服务中返回 $firebaseArray(itemsRef) 而不是 $firebaseArray(chatsRef) 吗？打错字了？？

已注入(inject)，Chats 服务， Controller 中的 $firebaseArray。

希望这对您有所帮助!