javascript - 当我输入回车键时,它不起作用..msg 没有附加到任何地方

标签 javascript angularjs

JavaScript

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

function MyController($scope,$firebase){

var ref= new Firebase('https://alpha-db.firebaseio.com/');
$scope.messages= $firebase(ref);
$scope.addMessage=function(e) {
      if(e.keyCode !=13) return;
      $scope.messages.$add({from: $scope.name,body: $scope.msg});//funtion not working....
      $scope.msg ="";
 }
}

发生的错误是://error:angularfire.min.js:1 Uncaught ReferenceError: Firebase is not Defined..

angular.min.js:84 错误:[$injector:unpr] http://errors.angularjs.org/1.2.6/$injector/unpr?p0=%24firebaseProvider%20%3C-% 20%24firebase 错误( native )

HTML

<html ng-app="myApp">
<head>
<script src='lib/angular.min.js'></script>
<script src='lib/angularfire.min.js'></script>
<script src='lib/firebase.js'></script>
<script src='js/app.js'></script>

<script src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js">        </script>

<link rel='stylesheet' type='text/css' href='css/main.css'>
</head>
<body ng-controller='MyController'>
<h1>CHAT APP </h1>
<div class="list-messages" id="listMessages">
<ul>
<li ng-repeat='msg in messages'><em>{{msg.from}}</em>:{{msg.body}}   </li>
</ul>
</div>

<div class="new-message" id="newMessage">
<input type="text" ng-model="name" placeholder="name..">
<input type="text" ng-model="msg" ng-keydown="addMessage($event)"   placeholder="Message..">
</div>
</body>
</html>

最佳答案

您放错了引用文献的顺序,您应该加载 firebase.js加载之前 angularfire.min.js 。将顺序更改为

<script src='lib/angular.min.js'></script>
<script src='lib/firebase.js'></script>
<script src='lib/angularfire.min.js'></script>
<script src='js/app.js'></script>

关于javascript - 当我输入回车键时,它不起作用..msg 没有附加到任何地方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46578397/

相关文章:

JavaScript - 单词的逆序

javascript - 来自 Angular 的 Restful 调用不返回结果

javascript - 或带有 ng-model 表达式的运算符

javascript - ng-repeat 与输入文本框跟踪 $index

javascript - Angular 显示/隐藏静态 html?

javascript - VS Code 未完成 $routeProvider

JavaScript 单元测试或端到端测试

Javascript 回文检查

javascript - 使用 javascript($ajax) 从给定的 url 获取 html 文件

javascript - AngularJS 1.3 使用一次性绑定(bind)手动更新绑定(bind)