我在我的 Angular 1.x 应用程序中使用库jQuery QueryBuilder以及 Angular 材料。我正在尝试在 a 中显示查询生成器,md-dialog
但是一旦单击按钮打开对话框,我就会在控制台中收到以下错误,并且不会呈现对话框。
ConfigError:
在 Object.k.error ( https://cdn.jsdelivr.net/jquery.query-builder/2.4.3/js/query-builder.standalone.min.js:7:11517 )
处没有定义目标.fn.init.$.fn.queryBuilder ( https://cdn.jsdelivr.net/jquery.query-builder/2.4.3/js/query-builder.standalone.min.js:7:12512 )
在对话框的控制器中,我有以下代码:
let filters = [{
id: 'getCPU',
label: 'getCPU',
type: 'integer',
input: 'number',
value_separator: ','
}, {
id: 'getIO',
label: 'getIO',
type: 'integer',
input: 'number',
value_separator: ','
}];
let operators = [{
type: 'equal',
optgroup: 'basic'
}, {
type: 'not_equal',
optgroup: 'basic'
}];
$scope.policyBuilderConfig = {
filters: filters,
operators: operators,
sort_filters: true,
conditions: ['AND', 'OR'],
allow_groups: true
};
$('#builder').queryBuilder(
$scope.policyBuilderConfig
);
可以在此处找到重现此问题的示例:JSFiddle
我还需要做些什么才能使其在对话框中工作吗?