Angularjs 创建嵌套视图样板

我是AngularJs新手，我正在创建嵌套视图模板，如下所示：

但是我的代码是不同类型的。对于路由，它使用以下内容：

awfApp.config(function ($stateProvider, $urlRouterProvider) {

    var states = [
        { name: 'home', isDefault: true }, //TODO: Moure a awf 
        { name: 'module1', module: { title: "Module 01", img: "modul1.png" } },
        { name: 'module2', module: { title: "Module 02", img: "modul2.png" } },
        { name: 'mainlist4', module: { title: "Main List4", img: "modul2.png" } },
        { name: 'mainlist2', module: { title: "Main List2", img: "modul2.png" } },
        { name: 'mainlist', module: { title: "Main List", img: "modul2.png" } }
    ];
    if (appConfig.doLogin)
        states.push({ name: 'articles', module: { title: "Articles", img: "articles.png" } });

});

请告诉我，如何使用上面的代码在AngularJs中创建嵌套视图。

---

谢谢

您正在使用一个名为angular ui router的模块。这与我使用的代码不同。这与我使用的代码不同。gievn链接中用于rounting的代码是：$stateProvider.state（'state1'，{url:/state1'，templateUrl:'partials/state1.html'）。state（'state1.list'，{url:/list'，templateUrl:'partials/state1.list.html），controller:function（$scope）{$scope.items=[“A”，“list”，“Of”，“items”；} }) });这真的是全部代码吗？它正在创建一个对象数组，就是这样。未调用

$stateProvider

的方法

.state

，因此在我看来似乎缺少一些内容。