如何在angularjs中配置子状态

现在我尝试使用stateProvider嵌套视图。但是没有成功。 JS代码：

$stateProvider
  .state('accountsetting',{
    url: '/account', 
    templateUrl: 'settings/account.html'
  })
  .state('accountsetting.security', {
    url: '/security', 
    templateUrl: 'settings/security/security.html'
  })
  .state('accountsetting.personalinformation', {
    url: '/personalinfo', 
    templateUrl: 'settings/personalinfo/personal-information.html'
  })
  .state('accountsetting.receiptemails', {
    url: '/emails', 
    templateUrl: 'settings/receiptemail/receipt-email.html'
  })
  .state('accountsetting.personalcard', {
    url: '/personalcards', templateUrl: 'submitter/PersonalCard/Personalcard.html'
  });

index.html：

    <ul>
     <li><a ui-sref='accountsetting'>account</a></li>
     <li><a ui-sref='reports'>Reports</a></li>
    </ul>
    <div ui-view></div>

帐目
报告

account.html：

<div class='seetingtabs'>
        <ul>
            <li><a ui-sref='accountsetting.personalinformation'>Personal Information</a></li>
            <li><a ui-sref='accountsetting.security'>Security</a></li>
            <li><a ui-sref='accountsetting.receiptemails'>Receipt Emails</a></li>
            <li><a ui-sref='accountsetting.personalcard'>Personal Cards</a></li>
        </ul>
    </div>
<div ui-view></div>

个人信息
保安
接收电子邮件
个人卡

---

我可以从索引页访问account页，但我无法访问accountsetting的子状态，account.html的ui视图对我不起作用。

对我来说似乎没问题。是否确定模板URL正确？请尝试将子ui视图设置为元素而不是属性。所以不是div，我认为这是angular中的一个bug。