javascript - 如何使用 ui-sref 转到不同的网页并在该页面中激活第二个选项卡
问题描述
我在第一页上有一个链接,点击该链接时;它进入第二页。我在第二页上有两个标签。我想让第二个选项卡处于活动状态,用户应该直接看到该选项卡的内容。
我曾尝试使用 ui-sref,但它只需要我到第二页并将第一个选项卡显示为活动状态。这是我的代码:
第一页:
<a class="modal-trigger" ui-sref=""manage_schedule({'tab' : 'current'})">
<div class="card-action" id="clients-bar">
More Details
</div>
</a>
控制器:
$stateProvider
.state('manage_schedule', {
url : "/manage/schedules/:tab",
templateUrl : "/static/manage_schedule.html",
})
带有标签的页面:
<div ng-controller="ManageSchedule">
<div class="tabslayout rules">
<ul class="tabs">
<li class="tab col s4" ng-click="getPastRuns(profile_log_url)">
<a href="#pastschedular" ng-class="{'active' : selectedTab=='past'}">
Past Runs({{runDetails.past_total}})
<i class="material-icons refresh-center" ng-if="selectedTab=='past'">refresh</i>
</a>
</li>
<li class="tab col s4" ng-click="getRunningSchedules(running_schedules)">
<a href="#runningschedular" ng-class="{'active' : selectedTab=='current'}">
<i class="material-icons refresh-center" ng-if="selectedTab=='current'">refresh</i>
Currently Executing Runs ({{runDetails.current_total}})
</a>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(function () {
$("ul.tabs").tabs({});
});
</script>
解决方案
推荐阅读
- android-fragments - Android:与 viewpager2 共享视图模型
- python - 在远程计算机上启动 jupyter lab 引发错误
- visual-studio-code - 修复 build.fsx 中的“未注册包管理器密钥包”
- arduino - ESP8266 空气质量传感器 CCS811
- css - 在滚动问题实时浏览器上更改 css
- c# - 从字符串格式的 HTTP 请求中读取正文
- android - React Native Android:如何使用 -Xlint:deprecation 重新编译?
- html - 使用 mako 模板动态结束 div class=row/start new div row HTML
- scatter-plot - 如何在散点图中添加自定义六进制颜色作为 cmap?
- flutter - 使用 Dio 的 Firebase 性能:如何填充 responsePayloadSize、requestPayloadSize