如何调整angular 2代码以使用带参数的URI

时间:2016-06-24 10:48:49

标签: javascript angular

到目前为止,我已阅读https://angular.io/docs/ts/latest/guide/router.html#!#router-linkhttps://auth0.com/blog/2015/05/14/creating-your-first-real-world-angular-2-app-from-authentication-to-calling-an-api-and-everything-in-between/

但它们对我的水平来说有点过于密集而且我很容易迷失。

所以我想过询问是否有更简单的方法来做我想做的事情,或者是否有另一种方式来看问题。

目前我已经建立了“半”网页

http://plnkr.co/edit/BcyPlw?p=preview

,在angular2中,我用js和ts函数得到一些D3和一些地图工作:

<div layout="row" layout-wrap flex>
                      <div flex="50" *ngFor="#item of items">
                        <md-checkbox [checked]="exists(item, selected)" (click)="toggle(item, selected)">
                          {{ item }} <span *ngIf="exists(item, selected)">selected</span>
                        </md-checkbox>
                      </div>
                    </div>

现在的想法是向事件添加URI,例如:如果您点击日历,触发事件以便我可以返回在给定日期使用的汽车,或者汽车在给定日期中有哪些会话,因为我已经在java中创建了一个等待获得类似的东西的web服务:

@GET
@Path("/getData/{car}/{session}")

所以我在web服务中工作的uri(我测试和工作,我希望通过tomcat连接我在angular2中的内容)将是这样的:

http://localhost:8080/Project/rest/projectName/getData/55/99

所以我相信这是通过路由完成的但是1º我没有找到比/ path更深的例子(所以,不是/ path / getData / data / data,在这种情况下),2º我并没有真正得到如何使用官方教程{ path: 'hero/:id', component: HeroDetailComponent }];

中可以看到的内容

这是非常令人困惑的,现在我觉得我没有水平去做所有这些步骤(也有许多我不需要的),这一切看起来都太复杂了

0 个答案:

没有答案