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

时间:2016-11-04 18:39:00

标签: javascript angularjs ng-controller ng-app

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

定义:

function randfunc()
  #rands could be a global variable if desired
  rands = rand(200,100000)
  for i=1:100000-1
    Q1 = hcat(rands[:,[i]],rands[:,[i]].*rands[:,[i+1]])
    Q2 = *(Q1.',Q1)
  end
end

然后

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

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

现在。我将标记更改为THIS(将ng-app移动到外部div):

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

世界显然在爆炸。网格不再填充;它的CSS就在那里,但根本没有数据。我已经在contentplaceholder中尝试过,我已经尝试过包含该部分代码的所有div,但最简单的是,如果我将其移动到一个元素级别,它仍然无效。

详细信息:master中的子页面(angular的所有定义都在页面本身,而不是在master中),几个级别的元素容器,可以确认如果<div ng-app="myApp"> <div ng-controller="myController"> <div ui-grid="gridOptions" ui-grid-tree-view ui-grid-grouping class="grid"></div> </div> </div> 位于与ng-app相同的标记,但不在它之上时。

1 个答案:

答案 0 :(得分: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>