创建嵌套视图模板

Question

我是AngularJs的新手，我正在创建这样的嵌套视图模板： http://plnkr.co/edit/u18KQc?p=preview

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

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中创建嵌套视图。 感谢