Question

我尝试使用Angular 1.5.0-beta.0安装的npm。

根据some guides - 我们现在可以使用module.component而不是旧时尚module.directive创建组件。

这是组件代码：

 export default angular.module('app.components.header', [])
  .component('dashboardHeader', {
      controller: 'HeaderCtrl as headerCtrl',
      template:  `This is test.`
  })

;

我的HTML是：

<body>
    <dashboard-header></dashboard-header>
    <div ui-view="content">
</body>

我得到了：

angular.module(...).component is not a function

可能是什么问题？

Answer 1

我有同样的问题做了 bower install angular它仍然给出了同样的错误，最后，我在脚本src标签中更新了angular.js的版本并且工作正常。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>

Answer 2

您的代码没有任何问题。安装1.5角的稳定释放。我有同样的问题，然后删除角度并安装它：

bower install angular

Answer 3

确保您没有使用旧版本的Angular JS CDN

Answer 4

我对 meteor js （AngularJs with MeteorJs）也有同样的问题。我们需要更新angularjs版本。在我的情况下，我更新了1.4.8到1.5.3 然后重新启动了流星服务器，错误解决了。

更新角度js的命令（如果是流星）

meteor update angular：angular - 这会将angularjs更新为最新版本。

Angular 1.5.0-beta.0：angular.module（...）。组件不是函数

4 个答案: