angularjs - Angular 在更改状态后显示 2 个视图
问题描述
我有初始化 app.js 脚本,其中概述了我的应用程序的可能状态
问题是当我打开公司状态然后打开新闻或事件状态时,它不会替换另一个状态的 '' 视图,而只是将其合并..
app.config(function($stateProvider, $urlRouterProvider, $locationProvider, $compileProvider) {
$stateProvider
.state('main', {
url: '/',
views: {
'search': {
templateUrl: 'views/search.html',
controller: 'categoryCtrl'
},
'footer': {
templateUrl: 'views/footer.html'
}
}
})
.state('company', {
url: '/company/:id',
views: {
'': {
templateUrl: 'views/company.html',
controller: 'companyCtrl'
},
'about@company': {
templateUrl: 'views/company-tabs/about.html'
},
'testimonials@company': {
templateUrl: 'views/company-tabs/testimonials.html'
},
'questions@company': {
templateUrl: 'views/company-tabs/questions.html'
},
'contacts@company': {
templateUrl: 'views/company-tabs/contacts.html',
controller: 'yaMapCtrl'
},
'form@company': {
templateUrl: 'views/form.html',
controller: 'formCtrl'
}
}
})
.state('news', {
url: '/news',
views: {
'': {
templateUrl: 'views/news.html',
controller: 'newsCtrl'
}
}
})
.state('events', {
url: '/events',
views: {
'': {
templateUrl: 'views/events.html',
controller: 'eventsCtrl'
}
}
});
})
我可以同时看到来自公司和事件状态的“视图”,而我的主 html 页面中只有一个视图调用
<div ui-view=""></div>
请帮忙
解决方案
推荐阅读
- android - android房间更新或后端修改时删除项目
- amazon-web-services - 是否可以使用 CodeDeploy 来使用以前部署的本地缓存修订?
- c# - 在实体框架数据库的不同控制器中获取 MemoryCache
- python - 如何确保捕获组超过 5 个字符?
- python - 为什么python装饰器会创建一个返回“None”的函数?
- mysql - MySQL:从 Boolean 到 Tinyint(1) 再返回
- flutter - Flutter 将自定义小部件推送到布局之外
- ruby-on-rails - Rails 部分本地未通过
- python - Pyspark:根据条件修改列
- java - 如何在没有数组的情况下使用 Java 中的 txt 文件阅读器来做一个随机短语生成器