AngularJS - 模态中的常见问题解答(错误?)

时间:2014-02-14 09:57:30

标签: angularjs angular-ui

目前我正在为一家大公司开发一个带有AngularJS的webapp,我正试图在一个模态中设置一个简单的FAQ。

在我的localhost中它的FAQ工作得很好(非常类似于角度文档中的原始FAQ),但是当我在模态中编写完全相同的代码时,我收到控制台错误:

TypeError: Object [object Object] has no method 'addGroup'

重要的是要说明模态中我的$ scope.oneAtATime = true;它被忽略了,所以基本上即使我强迫它是真的

<accordion close-others="true">

总是假的。 这个addGroup方法在AngularJS库代码上。

有什么想法吗?

HTML:

 <div class="modal__container__body">
        <div id="faq_accordion" ng-controller="AccordionController">
            <accordion close-others="true">
                <accordion-group heading="{{faq.title}}" ng-repeat="faq in faqs">
                    {{faq.content}}
                </accordion-group>
            </accordion>
    </div>

    </div>

控制器

lobby.controller("AccordionController", ["$scope", function ($scope) {

    $scope.oneAtATime = true;

    $scope.faqs = [
      {
        title: "Q1?",
        content: "A1"
      },
      {
        title: "Q2?",
        content: "A2"
      },
        {
        title: "Q3?",
        content: "A3"
        },

        {
            title: "Q4?",
            content: "A4"
        }


    ];
}]);

请注意,在上面的代码中我直接在html标签中强制关闭其他代码。

帮助?

1 个答案:

答案 0 :(得分:1)

我们最近遇到了同样的问题,改变了

 <div id="faq_accordion" ng-controller="AccordionController">

 <div id="faq_accordion" ng-controller="MyAccordionController">

那应该解决它。你基本上用自己的插件覆盖了插件控制器。不要忘记更改控制器定义,它是打破它的部分。