Ui路由器,ng重复和Ui状态
Ui-router, ng-repeat and ui state
我正在开发一个应用程序,在创建资源后,我需要将当前用户重定向到不同的状态。
事实上,我有一个需求列表,我需要显示或创建一个基于该需求的报价。
这是视图代码:
<div class="landing-diags">
<div class="current-projects">
<div class="row project-summary" ng-repeat="demand in landingdiag.demandsList">
<div class="col-md-2 project-block first-block {{project.projectType}}">
<p class="project-strong">{{demand.user.firstname}} {{demand.user.lastname}}</p>
</div>
<div class="col-md-2 project-block">
<p class="project-strong">{{demand.creationDate | date:"dd/MM/yyyy"}}</p>
</div>
<div class="col-md-4">
</div>
<div class="col-md-2">
<div ng-if="!demand.quotation">
<button ng-click="landingdiag.createQuotation(demand)" class="btn btn-primary pull-right bar-btn">Create</button>
</div>
<div ng-if="demand.quotation">
<button ui-sref="app.state.concerned({id: demand._id})" class="btn btn-primary pull-right bar-btn">Show</button>
</div>
</div>
</div>
</div>
</div>
这是隐含的控制器方法:
createQuotation (demand) {
this.DemandsService.createQuotation(demand).$promise.then((response) => {
this.redirectToQuote(demand);
});
}
redirectToQuote (demand) {
this.$state.transitionTo('app.state.concerned', {id: demand._id});
}
问题
我的问题是,在创建报价时,我从未被重定向。如果我控制台记录redirectToQuote方法,我会在其中传递。所以我的问题似乎出在$state.go调用上。
然而,当我尝试在"显示"按钮上使用redirectToQuote方法直接重定向时,如下所示:
<div ng-if="demand.quotation">
<button ng-click="landingdiag.redirectToQuote(demand)" class="btn btn-primary pull-right bar-btn">Accéder au devis</button>
</div>
我被很好地重定向到相关状态
我关心createQuotation()
中的this.redirectToQuote
,它被then()
作为回调调用。因此this
对象肯定是而不是您的控制器。
看看todd中的第一个代码片段:https://toddmotto.com/resolve-promises-in-angular-routes/他正在使用绑定。
你也可以看看https://github.com/getify/You-Dont-Know-JS/tree/master/this%20%26%20object%20prototypes来自了不起的凯尔·辛普森或比我短:http://blog.monkey-development.com/javascript/java/2015/12/18/javascript-this.html
相关文章:
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 使用AngularJS中的UI路由器将状态重定向到默认子状态
- 在UI路由器中以抽象状态填充常见视图
- 如何在具有某些 UI 视图的状态中管理工厂单个请求数据
- 带有嵌套状态的Angular ui路由器和后退按钮
- 如何加载嵌套3个状态的UI路由器UI视图模板
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- ui路由器的惰性加载状态
- Angular JS/UI Router:为给定状态禁用指令
- AngularJS UI路由器未进入默认状态
- 您将如何使用JS来组织UI状态
- 角度 UI 状态转换问题
- AngularJS UI状态提供程序解析状态
- Ui路由器,ng重复和Ui状态
- 如何与Redux沟通React组件之间的UI状态变化
- UI状态是否应存储在模型或控制器中
- 用angularjs管理UI状态和动画的正确方法
- 如何在使用$resources时保留UI状态
- 在jquerymobile中,ui状态活动类不用于动态点击处理
- 在不同的 UI 状态之间共享表单数据