我希望将我的json api响应水合成一个类或基于一个接口,所以我总是知道我有什么属性.我有以下JSON:
{
"users": [
{
"id": "bd3d70fd-03f7-4f5e-9ac1-4cb7221e352d",
"username": "caroga",
"username_canonical": "caroga",
"email": "caroga@caroga.net",
"email_canonical": "caroga@caroga.net",
"groups": [],
"roles": [],
"games": [],
"_links": {
"self": {
"href": "/app_dev.php/api/users/bd3d70fd-03f7-4f5e-9ac1-4cb7221e352d"
},
"users": {
"href": "/app_dev.php/api/users/"
}
}
},
{
"id": "df33d9cb-b575-427f-b2bd-ed9c364110f7",
"username": "joemi",
"username_canonical": "joemi",
"email": "joemi@joemi.nl",
"email_canonical": "joemi@joemi.nl",
"roles": [],
"games": [],
"_links": {
"self": {
"href": "/app_dev.php/api/users/df33d9cb-b575-427f-b2bd-ed9c364110f7"
},
"users": {
"href": "/app_dev.php/api/users/"
}
}
}
],
"count": 2
}
以下界面和型号:
Users.ts
import {User} from "../User";
export interface Users{
count: number, …在我的 angular-cli 项目中寻找使用jQuery Query Builder的方法。
首先，我尝试使用插件laplasianin/angular-jqueryQueryBuilder，但我错过了有关如何将其实际导入到我的组件中的说明。我在角度/打字稿方面非常新手。
然后我通过安装构建器包自己尝试了它：
npm install jQuery-QueryBuilder
我已经将它添加到我的组件中，就像 jQuery 一样。这是基于以下演示的结果示例代码：
import {AfterViewInit, Component} from "@angular/core";
import * as jQuery from "jquery";
import "jQuery-QueryBuilder/dist/js/query-builder.standalone.js";
import "jQuery-QueryBuilder/dist/css/query-builder.default.css";
@Component({
selector: 'app-query-builder',
templateUrl: './query-builder.component.html',
styleUrls: ['./query-builder.component.scss']
})
export class QueryBuilderComponent implements AfterViewInit{
protected rules_basic = {
condition: 'AND',
rules: [{
id: 'price',
operator: 'less',
value: 10.25
}, {
condition: 'OR',
rules: [{
id: 'category',
operator: 'equal',
value: 2
}, {
id: 'category',
operator: 'equal',
value: …