0

angular-moment ライブラリを使用しようとしています。(ここにリンクを追加できるかどうかわかりません)。github repo に示されているように使用しようとしました。インデックス ファイル、moment、angularMoment にライブラリを追加し、その後...

angular.module('chat', ['angularMoment'])
.controller('ChatController', ['$scope', '$location', '$timeout', '$interval', '$filter', 'Authentication', 'Socket', 'Chat',
    function($scope, $location, $timeout, $interval, $filter, Authentication, Socket, Chat) {
    }]);

しかし、それを myApp に注入しようとすると、コントローラー全体が消えてしまいます。angularMoment を解決できず、コントローラー全体を置き去りにする可能性があると思います。コントローラーに注入しようとしましたが、angularMomentProvider が見つからないことを返します。

このコントローラーを使用しているビュー:

<section ng-controller="ChatController" ng-init="getMessages()">
    <div class="page-header">
        <h1>Chat</h1>
    </div>
    <div class="col-md-4">asd</div>
    <div class="col-md-6" style="background-color: hsla(30, 1%, 52%, 0.02); border-radius: 1%;">
        <small>{{ userWriting }}</small>
        <div scroll-to="isAtTop" style="padding: 10px 10px 0px; ">
            <ul class="list-unstyled">
                <li class="" ng-repeat="message in messages">
                    <small class="pull-right text-muted" style="color: lightgrey;"><span class="glyphicon glyphicon-time"></span> {{ message.created | timeDuration }}</small> 
                    <span style="font-size: 14px; font-weight: 700;">{{ message.user.username }}</span>
                    <p style="font-size: 14px">{{ message.message }}</p>
                </li>
            </ul>
        </div>
        <form name="chatForm" class="form-horizontal" ng-submit="sendMessage()" novalidate>
            <fieldset>
                <div class="input-group" style="margin-bottom: 15px">
                    <input name="message" type="text" data-ng-model="message" id="message_input" class="form-control" placeholder="Message" [required="test"] ng-keypress="keypressEvent()" ng-model-options="{ debounce: 2000 }">
                    <span class="input-group-btn">
                        <button class="btn btn-default">Send</button>
                    </span>
                </div>
                <div data-ng-show="error" class="text-danger">
                    <strong data-ng-bind="error"></strong>
                </div>
            </fieldset>
        </form>
    </div>
    <div class="col-md-2">
        asd
    </div>
</section>

私は何を間違っていますか?機能させるにはどうすればよいですか?ありがとう

4

1 に答える 1