AngularJS UI.router Multiples Ansichten auf einer einzigen Seite nicht funktioniert

Question

.state("home",{ 
    url:'/home', 
    templateUrl:'./resources/js/baseapp/ContactHome/views/ContactHome.html' 

}) 
.state("home.contacts",{ 
    url:'/home', 
    views:{ 

     "contactByName":{ 
      templateUrl : './resources/js/baseapp/ContactHome/views/SearchByName.html', 
      controller:'contactHomeCtrl' 
     }, 
     "contactByNumber":{ 
      template:"This is search by Number", 
      controller:'contactHomeCtrl' 
     }, 
     "contactByArea":{ 
      template:"This is search by Area", 
      controller:'contactHomeCtrl' 
     } 


    } 

})

Der Zustand (home.contacts) ist die 3 Ansichten hat nicht funktioniert, 3 Abschnitte werden nicht angezeigt wird, könnte mir jemand helfen auf diesen im Folgenden sind die UI-view-Richtlinien in ContactHome.html

<div ui-view="contactByName"> 
<div ui-view="contactByNumber"> 
<div ui-view="contactByArea"> 

Answer 1

Ihre Definition als Konzept arbeiten soll. Es wird a working example

ich ein bisschen angepasst url der Kinder Zustand zu '/contacts' (/home für Hause gelassen)

.state("home",{ 
    url:'/home', 
    templateUrl:'resources/js/baseapp/ContactHome/views/ContactHome.html' 

}) 
.state("home.contacts",{ 
    url:'/contacts', 
    views:{ 

     "contactByName":{ 
      templateUrl : 'resources/js/baseapp/ContactHome/views/SearchByName.html', 
      controller:'contactHomeCtrl' 
     }, 
     "contactByNumber":{ 
      template:"This is search by Number", 
      controller:'contactHomeCtrl' 
     }, 
     "contactByArea":{ 
      template:"This is search by Area", 
      controller:'contactHomeCtrl' 
     } 

    } 

Und diese Links funktionieren jetzt

<a href="#/home"> 
    <a href="#/home/contacts"> 
    <a ui-sref="home"> 
    <a ui-sref="home.contacts"> 

mit ihm spielen here