angular.js：13424错误：[ng：areq]参数'fn'不是一个函数，得到了对象

Question

我是html / JS / AngularJS编程的新手。 我正在尝试实现一个简单的角度组件，但我不断出错。 我查看了其他答案，但找不到解决方案，为什么这个简单的实现会在控制台中创建错误（标题中提到了错误）。 请帮忙。 控制台输出的图片

 var myApp = angular.module('RingShopApp', []); function appctrlcontroller($scope) { } myApp.controller('appctrl', appctrlcontroller); console.log("appctrl done"); myApp.component('ringtabs', { template: "<p>sdfsdfsdfsdfsdfdf</p>", // templateUrl: 'html/Directives/tabs.html', controller: myApp.controller('appctrl') }); console.log("ringtabs component");

  <!DOCTYPE html> <html > <head> </head> <body ng-app="RingShopApp"> <ringtabs></ringtabs> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js'></script> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js'></script> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-route.min.js'></script> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js'></script> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js'></script> <script src="js/index.js"></script> </body> </html>

Answer 1

您应该直接向组件提供控制器功能，而不是通过角度控制器的吸气剂：

var myApp = angular.module('RingShopApp', []);
myApp.controller('appcontroller', appcontroller);
myApp.component('ringtabs', {
    template: "<p>sdfsdfsdfsdfsdfdf</p>",
    controller: 'appcontroller'
});

function appcontroller($scope) {
    ...
}

appcontroller.$inject = ['$scope'];

请小心地将$ inject属性添加到您的控制器，以避免缩小的潜在问题。

Answer 2

@Sajeetharan在这里发布了一个可以解决问题的答案，但是他从评论中删除了它。 他的回答是，我应该将“ .component”更改为“ .directive”，因为它是angular2和angular的混合体。 这是已编辑的代码。 似乎工作正常：

 var myApp = angular.module('RingShopApp', []); function appctrlcontroller($scope) { } myApp.controller('appctrl', appctrlcontroller) .directive('ringtabs', function(){ return { templateUrl: 'html/Directives/tabs.html' //controller: myApp.controller('appctrl') }; }); console.log("ringtabs component");

angular.js：13424错误：[ng：areq]参数'fn'不是一个函数，得到了对象

问题描述

2 个解决方案

解决方案1
0 2016-05-15 13:55:16

解决方案2
0 2016-05-15 14:33:18

angular.js：13424错误：[ng：areq]参数&#39;fn&#39;不是一个函数，得到了对象

问题描述

2 个解决方案

解决方案1 0 2016-05-15 13:55:16

解决方案2 0 2016-05-15 14:33:18

angular.js：13424错误：[ng：areq]参数'fn'不是一个函数，得到了对象

解决方案1
0 2016-05-15 13:55:16

解决方案2
0 2016-05-15 14:33:18