Javascript AngularJS ngGrid模块声明

我一直在搞乱Angular，有一个简单的测试项目，但是当为ngGrid添加模块时，一切都停止了

工作HTML的一个片段是：

   <div class="navbar-header">
            <a class="navbar-brand" ui-sref="home">{{hdr.title}}</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li ng-click="hdr.setIndex(0)" ng-class="(index==0) ? 'active' : ''">
                    <!--<a href="#">Contributions</a>-->
                    <!--STATE directive-->
                    <a ui-sref="{{hdr.menu[0].state}}">{{hdr.menu[0].name}}</a>
                    <!--<a ui-sref="collections">{{hdr.menu[0].name}}</a>-->
                </li>
                <li ng-click="hdr.setIndex(1)" ng-class="(index==1) ? 'active' : ''">
                    <a ui-sref="{{hdr.menu[1].state}}">{{hdr.menu[1].name}}</a>
                </li>
                <li ng-click="hdr.setIndex(2)" ng-class="(index==2) ? 'active' : ''">
                    <a ui-sref="{{hdr.menu[2].state}}">{{hdr.menu[2].name}}</a>
                </li>


                <!--<li><a href="#"> {{hdr.title}}</a></li>-->
            </ul>
        </div>

当脚本更新为以下任一项时，显示失败：

angular.module('app', ['ui.router','ngGgrid'])
angular.module('app', ['ngGgrid'])

现在显示的不是正确显示的页面，而是：

{{hdr.title}} {{hdr.menu[0].name}} {{hdr.menu[1].name}} {{hdr.menu[2].name}}

正在加载脚本文件，其中包含：

    <script src="Scripts/ng-grid.js"></script>

---

提前感谢您的回复。

基于的回复的另一个关键字搜索使我能够找到包含问题解决方案的关键字。

基于的回复的另一个关键字搜索使我能够找到包含问题解决方案的关键字。

您将在浏览器控制台中找到错误消息。它可能是在angular库之前加载的，因此请检查脚本标记的顺序是否正确，以及ng grid的路径是否正确。这让我找到了开发人员工具，根据未能实例化模块的消息，另一次搜索也为我带来了以下好消息。最好将答案添加为问题的答案，并将其标记为acceptedWill。系统迫使我等到明天才能将我的帖子标记为已回复。您将在浏览器控制台中找到一条错误消息。它可能是在angular库之前加载的，因此请检查脚本标记的顺序是否正确，以及ng grid的路径是否正确。这让我找到了开发人员工具，根据未能实例化模块的消息，另一次搜索也为我带来了以下好消息。最好将答案添加为问题的答案，并将其标记为acceptedWill。系统迫使我等到明天才能将我的帖子标记为已回复。

    <script src="Scripts/ng-grid.js"></script>