"模块' myapp'不可用"随着Bootstraps崩溃

时间:2015-08-10 02:42:07

标签: javascript angularjs twitter-bootstrap

我在这里变得非常疯狂......我试图使用Bootstraps折叠功能(https://angular-ui.github.io/bootstrap/#/collapse)。我是AngularJS的新手。我收到了错误" Module' myapp'不可用!"。我似乎无法找到这段代码的错误:

<html>
<head></head>
<body>

<script type="text/javascript" src="/js/angular.js"></script>
<script type="text/javascript" src="/js/ui-bootstrap-tpls-0.13.2.min.js"></script>
<script>
angular.module('myapp').controller('CollapseDemoCtrl', function ($scope) {
  $scope.isCollapsed = false;
});
</script>

<div ng-app="myapp">
<div ng-controller="CollapseDemoCtrl">
    <button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
    <hr>
    <div collapse="isCollapsed">
        <div class="well well-lg">Some content</div> 
    </div>
</div>
</div>

</body>
</html>

谢谢!

1 个答案:

答案 0 :(得分:4)

在Angular中,声明模块的语法如下所示,其中模块依赖项列在括号中。

ele = (IWebElement)((IJavaScriptExecutor)driver).ExecuteScript(
                        "return document.elementFromPoint(arguments[0], arguments[1])", 
                        Cursor.Position.X, Cursor.Position.Y);

如果要检索对模块的引用,请执行此操作 - 请注意这次不使用括号的方式。

angular.module('myapp', [])

您需要更改代码,使其如下所示:

angular.module('myapp')

此处的Plunker:http://plnkr.co/edit/?p=preview