个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我已经启动了一个 Ionic Tabs 项目。现在我有一个按钮“initiateProcess”，我用 ng-click 调用它，并在 Controller 中执行一些操作，然后进入特定状态(tab.target >) 与 state.go 或 state.transitionTo。
但是，当我不在 tabs.html 中包含该状态时，将不会加载该状态。当我包含它时，state.go 工作正常。此状态是独立的(可以视为子状态，但本身不是)，我不希望它显示在我的选项卡中。
这是怎么回事？
tabs.html(不带 tab.target)
<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-positive">
<!-- Dashboard Tab -->
<ion-tab title="Status" icon-off="ion-ios7-pulse" icon-on="ion-ios7-pulse-strong" href="#/tab/dash">
<ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>
// when I include here Target Tab with <ion-nav-view name = "tab.target" ... then it works
<!-- Account Tab -->
<ion-tab title="Account" icon-off="ion-ios7-gear-outline" icon-on="ion-ios7-gear" href="#/tab/account">
<ion-nav-view name="tab-account"></ion-nav-view>
</ion-tab>
</ion-tabs>
app.js
// Ionic Starter App
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
// 'starter.services' is found in services.js
// 'starter.controllers' is found in controllers.js
angular.module('starter', ['ionic', 'ngCordova', 'ionic.utils', 'starter.controllers', 'starter.controllers-cloaking', 'starter.services'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
});
})
.config(function($stateProvider, $urlRouterProvider) {
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
$stateProvider
// setup an abstract state for the tabs directive
.state('tab', {
url: "/tab",
abstract: true,
templateUrl: "templates/tabs.html"
})
// Each tab has its own nav history stack:
.state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'templates/tab-dash.html',
controller: 'DashCtrl'
}
}
})
.state('tab.target', {
url: '/target',
views: {
'tab-target': {
templateUrl: 'templates/tab-target.html',
controller: 'TargetCtrl'
}
}
})
.state('tab.account', {
url: '/account',
views: {
'tab-account': {
templateUrl: 'templates/tab-account.html',
controller: 'AccountCtrl'
}
}
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/tab/dash');
});
DashController 中的函数(已注入(inject)$state)
$scope.initiateProcess = function() {
// some stuff
$state.go('tab.target')
}
tab-dash.html 中的按钮
<button class="button button-balanced" ng-click="initiateProcess()">
Go to Target
</button>
最佳答案
通过禁用 $urlRouterProvider.otherwise() 检查您的路由器是否真正工作。因为它会自动将你路由回tab.dash，这看起来像是路由器出错了。
如果你的 url 确实更改为 tabs/target/，这意味着你的路由器确实工作正常。试试这个。
<ion-tab title="Status" icon-off="ion-ios7-pulse" icon-on="ion-ios7-pulse-strong" href="#/tab/target">
<ion-nav-view name="tab-target"></ion-nav-view>
</ion-tab>
.state('tab.target', {
url: '/target',
'tab-target': {
templateUrl: 'templates/tab-target.html',
controller: 'TargetCtrl'
}
})
ion-nav-view 就像 ios 中的 UIViewController。它是您 View 的容器。如果您决定命名它，那么您必须与 $stateProvider 中的 View 名称匹配。基本上 ionic 很困惑你想在哪里显示 tabs.target，因为没有匹配的容器
关于javascript - Ionic 中的 $state.go 与 ion-nav-view 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28658020/
25
4
0
我正在编写一个简单的有限状态机，并意识到在某些情况下，事件可以将状态变为多个可能的结果。基本上，从状态 A，如果事件 E 发生，状态可能是 C 或 D。 我目前正在使用此处编写的 Javascript
我在 React 中构建了一个应用程序，我在其中一个样板项目中找到了一行。 (state = {}) => state 谁能给我解释一下上面这行是什么意思？它是 javascript ES6 标准。
如何将多个状态变量组合成另一个？ 我想通过一些用户交互来更改高度或宽度的值，并相应地更新 View 中的所有内容。所以高度或宽度会改变，面积也会改变。 我想它看起来像这样 @State var wid
我的容器正在通过 redux store 获取状态。 我通过这样的 Prop 将这个状态传递给模态框:示例: render(){ let {team,id} =this.props.data;
您好，我正在尝试使用 map 根据我所在状态的数组渲染选项，但在返回中使用它时我得到未定义 这是数组 this.state = { countries: ["Australia","Brazil"
我想将 this.state.currentPlayer 分配给 this.state.whosPlaying。它抛出错误TypeError:无法读取新板上未定义的属性“currentPlayer”。
我正在实现某种动态工作流程，当达到某个点时，我必须重新加载状态以呈现 HTML 并重新实例化 Controller 才能继续。 我发现我第二次调用 $state.reload() 不起作用。这是期望的
我正在开发一个 flutter 应用程序，并发现状态管理出现意外行为。我创建了一个示例应用来重现该行为，您可以在下面找到代码和日志输出。 该应用程序包含一个简单的 ListView，其中包含 10 个
有人可以举一个简单的例子，其中 state monad 比直接传递 state 更好吗？ bar1 (Foo x) = Foo (x + 1) 对比 bar2 :: State Foo Foo bar
我想写类似 $state.go("/spheres/{{$stateParams.sphereId}}/mono/view"); 的内容使用外部 url 而不是状态，但这不起作用:( 现在我明白为什么
我正在使用“angular-ui-tree”:“^2.22.5” 点击执行某事菜单项时出错.. TypeError: this.$state is undefined 如何将对 $state 的引用传
我在elasticsearch中有文本字段，我想在kibana上可视化词云... 第一步，我们需要标记它们，我使用了“标准标记器” ... 使用这种形式的词云可视化结果如下图所示: 但是我需要的是专有
我正在尝试以编程方式在状态之间移动(使用 ui.router)，而用户无需单击任何内容。文档位于 http://angular-ui.github.io/ui-router/site/#/api/ui
我想编写像“(event, state) -> state”这样的折叠函数。如果Java中没有任何模式匹配且不可变，我该如何编写它？ 最佳答案 我认为您正在寻找 Java 中的函数式编程。 此版本中引
这个问题已经有答案了: What does an exclamation mark before a variable mean in JavaScript (4 个回答) 已关闭 8 年前。 您好，
https://plnkr.co/edit/bOZW1a9u62W1QA6cYjYj?p=preview 预期 登录后，所有 $states 都会初始化，然后单击 Ticker 按钮后，唯一应重新初始
试图决定(针对我的应用程序)在 onPause() 中保存什么以及要保存在 onSaveInstanceState() 中的内容，我梳理了整个 SO 以获得提示和明确的指导方针。 如果我没理解错的话，
在 Javascript 中，当我单击滚动条(页面中出现的任何滚动条)并将鼠标悬停在图像上时，图像再次开始拖动。 图像只能在鼠标按钮按下状态下拖动。 所以我试图通过了解鼠标按钮状态(mousedown
我见过 Maybe和 Either在代码中使用仿函数(和应用)是有道理的，但我很难想出一个 State 的例子。仿函数和应用。也许它们不是很有用，只是因为 State 才存在。 monad 需要一个仿
我非常努力地想围绕 State Monad，但我不明白以下内容: 鉴于 return 的实现和 (>>=) ，当你说 State $ \s ->.... ，在哪里s来自？我的意思是，当你开始表演时 >
我是一名优秀的程序员,十分优秀！