在自定義角度指令中使用控制器

Question

我一直在遵循Codeschool Angular教程，在添加此自定義指令之前，我的應用程序可以正常運行：

// Breaks here 
app.directive('reviewForm', function() {
   return {
        restrict: 'E',
        templateUrl: 'partials/review-form.html',
        replace: true,
        controller: function() {
            this.showForm: false;
        },
        controllerAs: 'reviewFormCtrl',

    }
})

這是我通過console.log收到的錯誤：

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled 
the module name or forgot to load it. If registering a module
ensure that you specify the dependencies as the second argument.

Answer 1

我認為這是拼寫錯誤，您的模塊名稱是myApp，並且在您的代碼中編寫了：

app.directive('reviewForm', function() {......

它應該是myApp.directive，如下所示：

myApp.directive('reviewForm', function() {
   return {
        restrict: 'E',
        templateUrl: 'partials/review-form.html',
        replace: true,
        controller: function() {
            this.showForm: false;
        },
        controllerAs: 'reviewFormCtrl',

    }
})

如果不起作用，請檢查模塊名稱的拼寫。