当 ng-app 不相邻时，AngularJS 控制器不显示数据答案

【问题标题】：AngularJS controllers not showing data when ng-app not adjacent当 ng-app 不相邻时，AngularJS 控制器不显示数据
【发布时间】：2016-11-05 02:47:35
【问题描述】：

新的 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 中尝试过，但最简单的情况是，如果我将它向上移动一个元素级别，它仍然无法正常工作。

详情：master里面的子页面（angular的所有定义都在页面本身，不在master里面），多级元素容器，如果ng-app在同一个标签，可以确认数据填充就像ng-controller，但不是在它上面。

【问题讨论】：

你确定它是一个孩子而不是你的 ng-app 的兄弟吗？
也许你可以提供一个plunker
Yar，我什至检查了各种浏览器开发工具等，以确保我没有得到奇怪的标记。在这个家谱中一切都很好。我会提供一个 plunker，但页面本身相当复杂，并且充满了从数据库和所有的 JSON 数据中提取的好东西。认为格式化标记和脚本不起作用，我不知所措。对我来说奇怪的是，它与控制器一起工作但在控制器之上时不起作用。 >.

标签： javascript angularjs ng-controller ng-app

【解决方案1】：

请查看以下插件：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>

【讨论】：

我检查了这个。数据通过 $http.get() 在控制器中设置。正如我所说，当它是时数据填充得很好，但当它们分开时却不是。愚蠢的分离焦虑。
请提供一些小玩意儿。听起来很奇怪
我回家后会做。将很难重新创建。一直在弹跳更多的东西，但仍然没有得到结果。显然，我没有棱角分明。 o.o