我可以有一个控制器的每个div在一个页面上通过statprovider

我正在与statprovider创建一个AngularJs项目，我想知道是否有可能在单独的div元素上有一个单独的控制器，或者我正在做一些错误的方式。

我有一个包含以下内容的页面

<html ng-app"myApp">
    <div id="top"></div>
    <div id="bottom"></div>
</html>

我的应用程序文件与状态提供程序看起来像这样

.config(['$stateProvider', '$urlRouterProvider', '$httpProvider', function ($stateProvider, $urlRouterProvider,$httpProvider) {
$stateProvider
    .state("home", {url: "/", templateUrl: "partials/top.html", controller:"topController"})
$urlRouterProvider.otherwise('/');
}])

无论如何我可以使用1控制器的顶部div元素，和另一个控制器的底部div元素?我还需要一个"整体"控制器吗?

简单的例子会很好，提前感谢

你可以很容易地使用"views":

.state ('State1', {url: '/state1', views:
    {'viewA': {templateUrl: 'partials/viewA', controller: 'ControllerA'} },
    {'viewB': {templateUrl: 'partials/viewB', controller: 'ControllerB'} }
}

现在你可以用ui-view ="ViewA" &ui-view="viewB"每个都有自己的控制器

https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views

相关内容

最新更新

热门标签：