6
साथ AngularJS ui रूटर कारगर बनाएं TabControl दिख रहा है जब अनुप्रयोग शुरू होता है लेकिन ...कोणीय सामग्री डिजाइन टैब
जब मैं एक टैब पर क्लिक करें कोई सामग्री दिखाई
क्या मैं गलत कर रहा है?
मैं नवीनतम कोणीय जेएस सामग्री डिजाइन 0.9.4 का उपयोग करता हूं।
$urlRouterProvider.otherwise("");
$stateProvider
.state("main",
{
abtract: true,
url: '',
views: {
'[email protected]': {
templateUrl: '../app/views/administration/administration.html',
controller: 'AdministrationController'
}
}
})
.state('main.settings', {
url: '/settings',
views: {
'[email protected]': {
templateUrl: "../app/views/administration/settings.html",
controller: 'GlobalConfigurationController'
}
}
})
.state('main.schoolyears', {
url: '/schoolyears',
views: {
'[email protected]': {
templateUrl: "../app/views/schoolyear/schoolyears.html",
controller: 'SchoolyearsController'
}
}
});
एचटीएमएल
<div layout-fill layout="column">
<div ng-include="'app/components/navbar/navbar.html'"></div>
<div id="content" layout="column" layout-padding>
<md-tabs md-stretch-tabs="always" class="md-primary md-hue-2">
<md-tab label="Schoolyears" ui-sref="main.schoolyears" md-active="$state.is('main.schoolyears')">
<md-tab-body ui-view="schoolyears" layout="vertical" layout-fill></md-tab-body>
</md-tab>
<md-tab label="settings" ui-sref="main.settings" md-active="$state.is('main.settings')">
<md-tab-body ui-view="settings" layout="vertical" layout-fill></md-tab-body>
</md-tab>
</md-tabs>
</div>
</div>
आप कोड जहां