我正在尝试了解创建路由的方式,其中包含URL参数中的一些信息.
这是我的路线(app.routes.ts):
{path: 'results/:id', component: MyResultsComponent},
Run Code Online (Sandbox Code Playgroud)
这是我导航到路线的方式:
goToResultsPage(query: string) {
this.router.navigate(['results', query], { queryParams: { pageSize: 20 } });}
Run Code Online (Sandbox Code Playgroud)
如您所见,我还有一个查询参数.我想知道,在我的网站中检索这个的最好和最干净的方法是什么MyResultsComponent.现在我有一种嵌套subscribe结构:
ngOnInit() {
this.route
.params
.subscribe(params => {
this.query = params['id'];
this.route
.queryParams
.subscribe(queryParams => {
this.offset = queryParams['pageSize'];
#find entries this.entryService.findEntries(this.query, this.pageSize);
});
});
}
Run Code Online (Sandbox Code Playgroud)
之后,我想将此参数传递给my EntryService,后者返回找到的条目.
我见过叫了几个文件*.test.js,*-test.js,*.spec.js,等。
是否有实际约定如何命名 JavaScript 测试文件?还是这取决于我使用的框架?
我有问题要正确同步我的过滤器.我subscribe到queryParams的ActivatedRoute.在那里,我得到了query我的三个过滤条件.
ngOnInit() {
this.route
.queryParams
.subscribe(queryParams => {
this._query = queryParams['query'];
this._heightFilter = queryParams['height'];
this._colourFilter = queryParams['colour'];
this._weightFilter = queryParams['weight'];
// Do some request to WS to get the new data
});
}
Run Code Online (Sandbox Code Playgroud)
当我点击一个过滤器时,让我们说colour:blue,我打电话给我reloadPage()并给出新的queryparams并导航到新的同一页面queryparams.
private reloadPage(): void {
const queryParams: NavigationExtras = {};
queryParams['query'] = this._query;
//Bring filter arrays into shape for queryParams
this.prepareFiltersForParams(queryParams);
this.router.navigate([], {
queryParams,
});
Run Code Online (Sandbox Code Playgroud)
这很好用.现在我们选择了colour:blue,但我也想要colour:orange.我将被添加到queryParams['colour'] …
我已经与 yeoman 生成了一个项目,现在我有一个yo-rc.json. 我可以删除它还是将来的任何任务都需要它?
假设我们有两个实体,EntityA和EntityB。两个实体都有一个存储库来查询数据库,EntityARepository并且EntityBRepository. 也有为他们俩提供的服务,EntityAService和EntityBService.
现在 中有一个方法EntityBService,它也需要使用EntityA. 这样做的正确方法是什么?
EntityBService使用EntityARepository吗?EntityBService使用EntityAService?我可以看到直接使用存储库可能会非常方便,但如果不仅有两个实体,它似乎也会变得有点混乱。
是否有围绕此主题或建议的通用设计模式?
Angular2应用程序是否有任何查询构建器?类似于jQuery QueryBuilder,但更好地集成到npm世界中.
我现在正在写两个新网站.两者都有很多功能.是否可以使用angular来编写小组件/模块并在其他应用程序中重用它们?它的项目结构是什么,或者我可以使用ng-cli的结构?
reusability angular-module angular-cli angular-components angular
我想编写一个组件,它基本上根据其输入显示不同的图标。图标框架期望它采用以下格式:
<span class="icon icon-generic" data-icon="B"></span>
Run Code Online (Sandbox Code Playgroud)
所以data-icon="B"基本上描述了显示哪个图标。我想动态传递这个符号。就像是:
<span class="icon icon-generic" data-icon={{symbol}}></span>
Run Code Online (Sandbox Code Playgroud)
但这似乎行不通。:-/ 有没有办法做到这一点,而无需在我的 Component 类中创建 html 并将其附加到 html 中?
是否有生命周期钩子,告诉你是否所有内容都被加载?我有一个站点,它有几个异步工作组件.因此组件没有同时准备好.为了避免网站出现奇怪的外观,我想在其中放置一种装载横幅.但显然,我需要知道何时可以再次禁用横幅.
感谢您的任何建议或想法!
我想减少我的一些冗余environment.ts,因为我的许多env变量都以相同的方式开始。所以我想做的是:
export const environment = {
base_url: '//www.myWebsite.co.uk/',
ws_base_url: this.base_url + 'ws',
download_base_url: this.base_url + 'download'
}
Run Code Online (Sandbox Code Playgroud)
而不是:
export const environment = {
base_url: '//www.myWebsite.co.uk/',
ws_base_url: '//www.myWebsite.co.uk/ws',
download_base_url: '//www.myWebsite.co.uk/download'
}
Run Code Online (Sandbox Code Playgroud)
但是当我使用时,environment.ws_base_url我没有得到//www.myWebsite.co.uk/ws,但是undefined/ws。我只是想知道这是否真的不起作用,或者我只是错过了什么。
我有一个组件,它有几个孩子,他们也可能有一些孩子。我无法预测,是否所有的孩子都会被加载,因为这取决于你看的内容。我想要实现的是一个加载指示器,它在加载内容时显示。但我不想为每个组件显示一个加载指示器,因为我最终会有 10-15 个加载指示器。
我的想法是根父级显示加载指示器,一旦所有子项都初始化,加载指示器就会消失。但是我怎样才能确保所有的孩子都被加载了?
我正在尝试onPaste使用 react-select。似乎无法利用该事件。
基本上我只是在<Select/>:onPaste={(e) => this.doPasteMagic(e)}
但它永远不会被解雇。我是不是遗漏了什么,还是有另一种方法来区分打字和粘贴?
我已经看到了一些关于使用 的建议onChange,但这对我来说也很脏。
我正在解析一个相当大的文件,有很多行和列.现在,有时候我也会得到新的数据,有时也会出错.double突然发生的事情String或任何其他类型的变化.当运行这种解析错误时,Jackson会报告列,值和行,然后基本上停止解析过程.
我认为这是一个com.fasterxml.jackson.core.JsonParseException.
我想要实现的是,那就是
报告整行,例如第27列有问题,但要轻松跟踪它,我需要列第1列,因为它带有数据集的标识符.
能够跳过失败的列并继续解析过程而忽略/仅报告错误列.
我找不到任何相关的文档.如果有的话,我会很感激指针.
编辑:我认为这是一个InvalidFormatException
angular ×8
angular-cli ×4
javascript ×3
typescript ×3
cypress ×1
html ×1
jackson ×1
java ×1
npm ×1
react-select ×1
reactjs ×1
reusability ×1
spring ×1
spring-boot ×1
spring-data ×1
unit-testing ×1
yeoman ×1