类型错误：set 不是 angularjs 的函数答案

【问题标题】：Typerror: set is not a function with angularjs类型错误：set 不是 angularjs 的函数
【发布时间】：2016-04-28 10:46:17
【问题描述】：

我遇到了这个错误：

TypeError: fb.set 不是函数，angular.js:13550

当我尝试将数据发送到我的 firebase 数据库时。

我真的不明白我在这里缺少什么，我查看了文档，但一切看起来都不错。

var app = angular.module('app', ['firebase']);

app.controller("mainController", ["$scope", "$firebaseArray",
  function($scope, $firebaseArray) {

      var ref = new Firebase("https://burning-torch-4263.firebaseio.com/days");  
      fb =  $firebaseArray(ref); 

    $scope.reset = function() {  
    fb.set({
      monday: {
        name: 'Monday',
        slots: {
          0900: {
            time: '9:00am',
            booked: false
          },
          0110: {
            time: '11:00am',
            booked: false
          }
        }
      },
      tuesday: {
        name: 'Tuesday',
        slots: {
          0900: {
            time: '9:00am',
            booked: false
          },
          0110: {
            time: '11:00am',
            booked: false
              }
            }
          }
        });
    };    

  }

]);

【问题讨论】：

您是否在 html 中导入了 firebase 库？还是您运行了 bower install？
是的，一切都已导入，并且已经执行了凉亭安装...
$firebaseArray does not have a set() method。您可能正在寻找ref.set({...
@FrankvanPuffelen 没有错误但仍然无法正常工作：/
为我工作：jsbin.com/lofima/edit?html,js,output

标签： javascript angularjs firebase angularfire firebase-realtime-database

【解决方案1】：

为我工作：

<!DOCTYPE html>
<html ng-app='app'>
<head>
  <meta name="description" content="AngularFire set data">
  <script src="https://cdn.firebase.com/js/client/2.2.6/firebase.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <script src="https://cdn.firebase.com/libs/angularfire/1.1.1/angularfire.min.js"></script>
  <meta charset="utf-8">
  <title>AngularFire set data</title>
</head>
<body ng-controller='MainCtrl'>
  <ol>
    <li ng-repeat='(id, day) in days'>{{day.name}} - {{id}}
      <ul>
        <li ng-repeat='slot in day.slots'>{{slot.time}}</li>
      </ul>
    </li>
  </ol>
</body>
</html>

还有 JavaScript

var app = angular.module('app', ['firebase']);

app.constant('FB_URL', 'https://stackoverflow.firebaseio.com/36903668');
app.controller('MainCtrl', function(FB_URL, $scope, $firebaseArray, $firebaseObject) {

  var ref = new Firebase(FB_URL+"/days");  
  var fb =  $firebaseArray(ref); 
  $scope.days = fb;

  ref.set({
    monday: {
      name: 'Monday',
      slots: {
        0900: {
          time: '9:00am',
          booked: false
        },
        0110: {
          time: '11:00am',
          booked: false
        }
      }
    },
    tuesday: {
      name: 'Tuesday',
      slots: {
        0900: {
          time: '9:00am',
          booked: false
        },
        0110: {
          time: '11:00am',
          booked: false
        }
      }
    }
  });
});

jsbin链接：http://jsbin.com/lofima/edit?html,js,output

【讨论】：

由于某种原因，您的代码可以正常工作，可能是错字，谁知道...非常感谢 :)

【解决方案2】：

对于 firebase 同步数组，您需要使用 .$add(newArrayItem) 而不是 set。

【讨论】：