AngularJS嵌套视图不工作

我正在编写一个angularjs应用程序示例。我在顶部有一个标题来显示面包屑和登录/注销按钮。在左边，我想要一个有不同选项的菜单；例如，菜单将包含用户、联系人、课程等。我正在努力在屏幕右侧显示数据。我正在使用angularjs和Asp.NETMVC4。从下面的屏幕屏幕上可以看到，唯一没有显示的是屏幕右侧的细节。我也在plunkr工作。这是到目前为止我所拥有的一切的链接。

---

在阅读了几次文档之后，我对状态的执行方式进行了更改。在进行了以下更改后，它按预期工作

$stateProvider
.state('App', {
      url: '/App',
      views: {
          'header': {
              templateUrl : '/Menu/Header'
          },
          'content': {
              templateUrl: '/Menu/Content'
          }
         'leftmenu': {
              templateUrl : '/Menu/LeftMenu'
         }
      }
})
.state('App.Contact',{
            url: '/Contact',
                views: {
                    'content@': {
                        templateUrl: '/Account/Contact',
                        controller: 'ContactController'
                    }
        }
    });

$stateProvider
.state('App', {
      url: '/App',
      views: {
          'header': {
              templateUrl : '/Menu/Header'
          },
          'content': {
              templateUrl: '/Menu/Content'
          }
         'leftmenu': {
              templateUrl : '/Menu/LeftMenu'
         }
      }
})
.state('App.Contact',{
            url: '/Contact',
                views: {
                    'content@': {
                        templateUrl: '/Account/Contact',
                        controller: 'ContactController'
                    }
        }
    });