var myApp = angular.module("myApp", ["ui.router"]);
myApp.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/home")
$stateProvider.state("home", {
url: "/home",
views: {
"leftView": {
template: "这里是home视图的内容:left部分home视图内容!"
},
"rightView": {
template: "这里是home视图的内容:right部分home视图内容!"
}
}
});$stateProvider.state("view1", {
url: "/view1",
views: {
"leftView": {
template: "这是view1视图的内容:left部分view1视图内容!"
},
"rightView": {
template: "这是view1视图的内容:right部分view1视图内容!"
}
}
});
$stateProvider.state("view2", {
url: "/view2",
views: {
"leftView": {
template: "这是view2视图的内容:view2视图内容:left部分view2视图内容!"
},
"rightView": {
template: "这是view2视图的内容:view2视图内容:right部分view2视图内容!"
}
}
});
});
myApp.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/home")
$stateProvider.state("home", {
url: "/home",
views: {
"leftView": {
template: "这里是home视图的内容:left部分home视图内容!"
},
"rightView": {
template: "这里是home视图的内容:right部分home视图内容!"
}
}
});$stateProvider.state("view1", {
url: "/view1",
views: {
"leftView": {
template: "这是view1视图的内容:left部分view1视图内容!"
},
"rightView": {
template: "这是view1视图的内容:right部分view1视图内容!"
}
}
});
$stateProvider.state("view2", {
url: "/view2",
views: {
"leftView": {
template: "这是view2视图的内容:view2视图内容:left部分view2视图内容!"
},
"rightView": {
template: "这是view2视图的内容:view2视图内容:right部分view2视图内容!"
}
}
});
});