0

新的 Angular JS 编码器，小问题。

定义这个：

<div>
    <div ng-controller="myController" ng-app="myApp">
        <div ui-grid="gridOptions" ui-grid-tree-view ui-grid-grouping class="grid"></div>
    </div>
</div>

接着

<script>
    var app = angular.module("myApp", [...])
    .controller("myController", [...,function(...){ ... }]);
</script>

工作正常。我可以将数据填充到控制器和网格中，世界是一个有趣而快乐的地方。

现在。我将标记更改为 THIS（将 ng-app 移动到外部 div）：

<div ng-app="myApp">
    <div ng-controller="myController">
        <div ui-grid="gridOptions" ui-grid-tree-view ui-grid-grouping class="grid"></div>
    </div>
</div>

世界显然爆炸了。网格不再填充；它的 CSS 在那里，但里面根本没有数据。我已经在 contentplaceholder 中尝试过，我已经在包含该部分代码的所有 div 中尝试过，但最简单的情况是，如果我将它移动到一个元素级别上，它仍然无法正常工作。

详细信息：主页面中的子页面（所有角度的定义都在页面本身中，而不是在主页面中），几个级别的元素容器，可以确认数据是否填充ng-app在与 相同的标签中ng-controller，但不是它在它上面。

4

1 回答 1

0

请查看以下插件：http://plnkr.co/edit/NRyCjTonKrkcibd9607f?p= preview

尝试将您的代码与此代码进行比较，它使用与您所说的不适合您的相同的 html： 

<div ng-app="app">
  <div ng-controller="MainCtrl">
    <div id="grid1" ui-grid="{ data: myData }" class="grid"></div>
  </div>
</div>
于 2016-11-04T18:47:35.070 回答