Set deault query builder rule on component load

Question

Hello,I want default rule to be displayed  as shown below. By default a condition need to be added to group. Currently I am getting below

YuvanShankar Arunagiri · Answer

Hi Sanjay,We have validated your reported
query and prepared the sample based on your requirement.Please refer the below code
snippet. We can achieve your requirement by using the rule property and
created event of the query builder.[app.component.html]:

<ejs-querybuilder
  id="querybuilder" #querybuilder [columns]="filter"
  width="100%"
        [rule]="importRules"
  headerTemplate="headerTemplate" (created)="onCreated($event)">

[app.component.ts]:

importRules: RuleModel = {
          'condition': 'and',
          'rules': [null,{
              'condition': 'or',
              'rules': [{}]
          }]
      };
   
      onCreated(){
          this.qryBldrObj.deleteRules(["group0_rule0"]);
      }

Sample link: https://stackblitz.com/edit/angular-zg9f95?file=app.component.tsCould
you please check the above code and get back to us, if you need any further
assistance on this. Regards,Yuvan Shankar A