Gibt es eine Möglichkeit, dass ich einen abstrakten Zustand haben kann, um zu vermeiden, dieselben Details der Ansichtsvorlage zu wiederholen?

Question

Ich habe diese Konfiguration für Winkel-ui-Router:

var rootSubjectsSubjectAdminWordsWord = { 
    name: 'r.s.s.a.w.w', 
    template: "<div ui-view='wordData'></div><div ui-view='wordForms'></div>", 
    url: '/:wordId', 
}; 

var rootSubjectsSubjectAdminWordsWordDelete = { 
    name: 'r.s.s.a.w.w.delete', 
    views: { 
     "wordData@r.s.s.a.w.w": { 
      templateProvider: ['$templateCache', ($templateCache) => { 
       return $templateCache.get('/app/admin/word/wordData.html'); 
      }] 
     }, 
     "wordForms@r.s.s.a.w.w": { 
      templateProvider: ['$templateCache', ($templateCache) => { 
       return $templateCache.get('/app/admin/word/wordForms.html'); 
      }] 
     } 
    }, 
    url: '/delete', 
}; 

var rootSubjectsSubjectAdminWordsWordEdit = { 
    name: 'r.s.s.a.w.w.edit', 
    views: { 
     "wordData@r.s.s.a.w.w": { 
      templateProvider: ['$templateCache', ($templateCache) => { 
       return $templateCache.get('/app/admin/word/wordData.html'); 
      }] 
     }, 
     "wordForms@r.s.s.a.w.w": { 
      templateProvider: ['$templateCache', ($templateCache) => { 
       return $templateCache.get('/app/admin/word/wordForms.html'); 
      }] 
     } 
    }, 
    url: '/edit', 
}; 

ich bearbeitet habe, löschen und einen neuen Zustand, dass alle die gleichen „Ansichten“. Gibt es eine Möglichkeit, einen abstrakten Zustand zu haben, der nur die Definition der Ansichten enthält, so dass ich es vermeiden kann, jedes Mal "Ansichten" zu wiederholen?

Answer 1

können Sie gemeinsam genutzte erstellen Variable mit Blick config:

var sharedViewConfig = { 
    "wordData@r.s.s.a.w.w": { 
     templateProvider: ['$templateCache', ($templateCache) => { 
      return $templateCache.get('/app/admin/word/wordData.html'); 
     }] 
    }, 
    "wordForms@r.s.s.a.w.w": { 
     templateProvider: ['$templateCache', ($templateCache) => { 
      return $templateCache.get('/app/admin/word/wordForms.html'); 
     }] 
    } 
}; 

var rootSubjectsSubjectAdminWordsWordDelete = { 
    name: 'r.s.s.a.w.w.delete', 
    views: sharedViewConfig, 
    url: '/delete', 
}; 

var rootSubjectsSubjectAdminWordsWordEdit = { 
    name: 'r.s.s.a.w.w.edit', 
    views: sharedViewConfig, 
    url: '/edit', 
}; 

Oder Sie können einen abstrakten Zustand erstellen:

var abstractState = { 
    name: 'r.s.s.a.w.w.abstract', 
    abstract: true, 
    views: { 
     "wordData@r.s.s.a.w.w": { 
      templateProvider: ['$templateCache', ($templateCache) => { 
       return $templateCache.get('/app/admin/word/wordData.html'); 
      }] 
     }, 
     "wordForms@r.s.s.a.w.w": { 
      templateProvider: ['$templateCache', ($templateCache) => { 
       return $templateCache.get('/app/admin/word/wordForms.html'); 
      }] 
     } 
    } 
}; 

var rootSubjectsSubjectAdminWordsWordDelete = { 
    name: 'r.s.s.a.w.w.delete', 
    parent: 'r.s.s.a.w.w.abstract', 
    url: '/delete', 
}; 

var rootSubjectsSubjectAdminWordsWordEdit = { 
    name: 'r.s.s.a.w.w.edit', 
    parent: 'r.s.s.a.w.w.abstract', 
    url: '/edit', 
}; 

Answer 2

try folgenden

var viewDes= { 
      "wordData@r.s.s.a.w.w": { 
       templateProvider: ['$templateCache', ($templateCache) => { 
        return $templateCache.get('/app/admin/word/wordData.html'); 
       }] 
      }, 
      "wordForms@r.s.s.a.w.w": { 
       templateProvider: ['$templateCache', ($templateCache) => { 
        return $templateCache.get('/app/admin/word/wordForms.html'); 
       }] 
      } 
     }; 
var rootSubjectsSubjectAdminWordsWordDelete = { 
     name: 'r.s.s.a.w.w.delete', 
     views: viewDes, 
     url: '/delete', 
    }; 

    var rootSubjectsSubjectAdminWordsWordEdit = { 
     name: 'r.s.s.a.w.w.edit', 
     views: viewDes, 
     url: '/edit', 
    };