2

我有一个app.js,我在其中声明了我的应用程序变量/模块:

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

然后我让我的控制器与其他人一起传递参考并尝试moment()拨打电话:

myApp.controller('myComtroller', ['$scope', 'moment', function ($scope, $http, $timeout, moment) {
    var now = moment();
    console.log(now);
}]);

我在控制台中出现错误,将其吐出:

TypeError:时刻不是函数

我不明白它为什么这样做。

在我身体的尽头,我有这个作为我的参考:

<script src="~/lib/angular/angular.min.js"></script>
<script src="~/js/moment.js"></script>
<script src="~/lib/angular-moment/angular-moment.min.js"></script>
<script src="~/js/app.js"></script>

以该顺序。(控制器稍后执行,该视图的部分脚本)

moment.js通过从这里下载安装:http: //momentjs.com/docs/

但是我angular-moment通过bower.

有什么建议么?

4

3 回答 3

5

您的依赖项注释中缺少一些依赖项。

尝试:

myApp.controller('myComtroller', [
         '$scope','$http', '$timeout', 'moment', 
function ($scope , $http ,  $timeout,   moment) {
    var now = moment();
    console.log(now);
}]);

另外,我建议使用ng-annotate来自动处理 DI 注释。

于 2016-10-17T18:33:22.397 回答
0

看看angular-momentjs.js https://raw.githubusercontent.com/gdi2290/angular-momentjs/master/angular-momentjs.js

加载脚本 angular-momentjs.js

<script type="text/javascript" src="./angular-momentjs.js"></script>

在 app 模块中注入依赖 angular-momentjs,在控制器中注入 $moment

let app = angular.module('myApp', ['angular-momentjs']);
app.controller('myCtrl', function($scope, $moment) {
   let nowISO = $moment().toISOString();
   console.log(nowISO);
});
于 2021-02-26T00:49:46.487 回答
-2

您需要以正确的顺序传递依赖项,

myApp.controller('myComtroller', [
         '$scope','$http', '$timeout', 'moment', 
function ($scope , $http ,  $timeout,   moment) {
    var now = moment();
    console.log(now);
}]);

您不需要将时刻服务作为依赖项传递,您可以执行以下操作,

myapp.controller("myComtroller", function($scope) {
$scope.date = moment();       
});

演示

于 2016-10-17T17:53:51.420 回答