错误:未知提供者:PopupProvider< - Popup

时间:2017-12-01 07:10:37

标签: javascript angularjs angular-ui-router angularjs-scope

  

当我使用angular-popup.js插件时如何解决错误?    如下面的错误日志

     

angularjs代码如下

    var app = angular.module('app', ['angular-popups']);
app.config(function (PopupProvider) {
    PopupProvider.title = '提示';
    PopupProvider.okValue = '确定';
    PopupProvider.cancelValue = '取消';
});
app.controller('testCtrl', function($scope, Popup) {}}
  

html代码如下

   <div ng-controller="testCtrl">
    <button type="button" class="btn btn-default" ng-click="add()">Submit</button>
    </div>

错误日志信息

Error: Unknown provider: PopupProvider <- Popup

1 个答案:

答案 0 :(得分:2)

您的angular.js参考版本可能是个问题。将版本更新到1.3以上。添加angularjs的引用,然后添加angular-popup.js的引用,如下所示,

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="../dist/angular-popups.js"></script>