Angularjs常用控制器

Question

在我的rails应用中，我有一个布局top.slim

div[ng-app="topApp"]
  div[ng-controller="InboxCtrl"]
    ul
     li[ng-repeat="item in items"]
       ....
  ....

js是

var topApp = angular.module('topApp',[])
memApp.controller('InboxCtrl',function($scope,$http){
  $scope.items = [{},{}]
})

每个页面都有自己的ng-app喜欢

htm[ng-app="..."]
  ....
  =render "top"

现在angularjs不起作用，似乎ng-app无法嵌套。

但我只是想在公共页面中添加一个控制器来绑定数据。我该怎么办？

Answer 1

坚持使用单个“app”。从top.slim div中删除ng-app，并在同一模块上声明您的控制器（如果需要，可以是子模块）。

布局top.slim

div
  div[ng-controller="InboxCtrl"]
    ul
     li[ng-repeat="item in items"]
       ....
  ....

js是

var topApp = angular.module('myApp',[])
memApp.controller('InboxCtrl',function($scope,$http){
  $scope.items = [{},{}]
})

每个页面都有自己的ng-app，如

html[ng-app="myApp"]
  ....
  =render "top"