javascript - AngularJS の関数ではないオブジェクト

Question

動作がおかしいと思われるコントローラーがあります。これを短くするために機能する他のすべてのコードを削除しました。

コントローラ：

'use strict';

angular.module('AppliedSiteApp').controller('CarouselCtrl', function ($scope) {

    $scope.nextImage = function() {
        console.log('hi');
    }

});

意見：

<div class="carousel" ng-controller="CarouselCtrl">

    <ul class="nav">
        <li ng-click="prevImage()">&lt;</li>
        <li ng-click="nextImage()">&gt;</li>
    </ul>

</div>

ブラウザのボタンをクリックするたびに、「TypeError: object is not a function」または「no method replace」と表示されます。私は何を間違っていますか？

Answer 1

次のコントローラーの定義を試してください

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

function CarouselCtrl($scope) {

    $scope.nextImage = function() {
        console.log('hi');
    }
}