错误：areq错误参数自变量“ PanelController”不是函数，未定义

Question

这是我的HTML

<body ng-controller="StoreController as store">
   ...........
    <section  ng-controller="PanelController as panel">
        <ul class="nav nav-pills"">
            <li ng-class="{active:panel.isSelected(1)}">
            <a href="#" ng-click="panel.selectTab(1)">Description</a>
            </li>
            <li ng-class="{active:panel.isSelected(2)}">
            <a href="#" ng-click="panel.selectTab(2)">Specification</a>
            </li>
            <li ng-class="{active:panel.isSelected(3)}">
            <a href="#" ng-click="panel.selectTab(1)">Reviews</a>
            </li>
        </ul>
        <div class="panel" ng-show="panel.isSelected(1)" >
          <h4>Description</h4>
          <p>{{product.description}}</p>
        </div>
        <div class="panel" ng-show="panel.isSelected(2)">
          <h4>Specification</h4>
          <p>Enter the product specification here</p>
         </div>
         <div class="panel" ng-show="panel.isSelected(3)">
           <h4>Review</h4>
           <p>Product review goes here.</p>
         </div>
    </section>
   </div>
<body>

这是我的Js文件，添加PanelController之后遇到的问题是，但是我找不到它的问题所在

(function(){
    var app= angular.module("store",[]);
    app.controller("StoreController", function(){
       this.products = gems;
    });
    app.controller("PanelController", function(){
        this.tab = 1;
        this.selectTab = function(setTab){
            this.tab = setTab;
        };
        this.isSelected = function(checkedTab){
            return this.tab === checkedTab;
        };
    });
    var gems=[
    {
        name:'Ruby',
        price:1000000,
        description:'It originally .......... ',    
        images:
        {
            thumb:'red.jpg',
            full :'blue.jpg'
        },

        canPurchase:true,
    },
    .......
    ]

})();

当我添加PanelController时出现此错误，有人可以帮我吗？ 预先感谢

Answer 1

该错误几乎总是与以下事实有关：

您的控制器位于某个模块中，该模块不属于ng-app命名的根模块，或者
包含它的.js （控制器）未加载。

在这里，我已记录了您的摘要-它们按原样工作：

http://plnkr.co/edit/WUeFelbaMrrRebQZjpWg?p=info

唯一使用ng-app扩展如下：

<!DOCTYPE html>
<html ng-app="store">
   <head>...</head>
   <body ng-controller="StoreController as store">
   ...

错误：areq错误参数自变量“ PanelController”不是函数，未定义

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-01-22 12:28:54

错误：areq错误参数自变量“ PanelController”不是函数，未定义

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-01-22 12:28:54

解决方案1
0 已采纳 2015-01-22 12:28:54