angularjs控制器和模块

时间:2016-05-21 16:55:36

标签: angularjs module controllers

我在AngularJS中发起我,我对初学者表示怀疑。

我已经定义了我的主模块,屏幕上已经显示了几个单元。我碰巧有另一个模块,但不知道如何将它放在主模块中,因为如果我把它作为依赖项,那么视图会给我错误。我也怀疑如何在html中应用各种ngcontroller,因为同样的事情发生了,如果我把主要的一切工作正常...当我把第二个模块,没有任何作用...我猜这是依赖。

我留下我的代码,你会更好地理解。非常感谢你。

JS代码--------------------------------------------- -------

var app = angular.module('frutariaApp',
    ['ngMaterial', 'ngMessages']);
app.controller('AppCtrl', function($scope, $mdDialog, $mdMedia) {

(这是我不知道要通过de main模块实现的部分)。

   angular.module('acc-test', ['ui.bootstrap']);
   function AccordionCtrl($scope) {
    $scope.oneAtATime = true;
     }
});

HTML ---------------------------

<html ng-app="frutariaApp">
<body ng-controller="AppCtrl">
 <div class="accordion-test" ng-controller="AccordionCtrl"> //Ihave problem with this too   
  <accordion close-others="oneAtATime">    
    <accordion-group is-open="falsee">      
        <accordion-heading>
            Number <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"></i>
        </accordion-heading>
             <ul>
          <li><a href="#">0</a></li>
            <li>1</li>          
      </ul>
    </accordion-group>
  </accordion>
</div>
</body>
</html>

由于

1 个答案:

答案 0 :(得分:1)

为了使用非主要模块,必须将它们作为另一个模块的依赖注入。

尝试将'acc-test'模块注入主应用模块

var app = angular.module('frutariaApp',    ['ngMaterial', 'ngMessages', 'acc-test']);