Kendo UI AngularJs 页面上有多个控制器

Kendo UI AngularJs Multiple Controllers on the Page

我是 Kendo UI 和 AngularJS 的新手 我需要一些帮助/示例,如何在同一页面上使用多个控制器,如下所示

var app = angular.module("myApp", ["kendo.directives"])

app.controller("MyCtrlA", function ($scope) {
    $scope.loadStockData = {

    }

app.controller("MyCtrlB", function ($scope) {
    $scope.loadCustomerData = {

    }
}

提前致谢。

您只需在您想要的任何父 html 节点上设置 ng-controller。您可以在一个页面上使用任意数量的控制器。

这是一个包含 3 个控制器的页面,显示了每个控制器 $scope 的消息。

http://jsbin.com/xokoqa/1/edit?html,js,console,output