Fix strict template typing errors
I enabled the strict template typing option in the TypeScript configuration file (tsconfig.json
), and I got a long list of minor issues. They shouldn't be dangerous as JavaScript has some flexibility in type interpretation. But fixing them will allow us to enable more advanced features of the TypeScript compiler and get more help from IDE, for example, the IntelliSense feature and type checking in template files. Eliminating these bugs also prevents them from growing and becoming significant issues.
My configuration tsconfig.json
:
{
...
"angularCompilerOptions": {
...
"strictTemplates": true
}
}
Issue list:
Error: src/app/config-review-panel/config-review-panel.component.html:50:13 - error TS2322: Type 'string' is not assignable to type 'number'.
50 pageLinkSize="3"
~~~~~~~~~~~~
src/app/config-review-panel/config-review-panel.component.ts:30:18
30 templateUrl: './config-review-panel.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ConfigReviewPanelComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:20:25 - error TS2322: Type 'string' is not assignable to type 'number'.
20 min="1"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:21:25 - error TS2322: Type 'string' is not assignable to type 'number'.
21 max="{{ v6 ? 65535 : 255 }}"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:36:25 - error TS2322: Type 'string' is not assignable to type 'number'.
36 min="1"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:37:25 - error TS2322: Type 'string' is not assignable to type 'number'.
37 max="{{ v6 ? 65535 : 255 }}"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:88:43 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
88 <div [ngSwitch]="fieldControl.data.fieldType" class="p-d-flex p-ai-center p-mt-5 p-ml-3">
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:92:49 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
92 id="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:96:29 - error TS2322: Type 'string' is not assignable to type 'boolean'.
96 autoResize="true"
~~~~~~~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:100:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
100 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:100:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
100 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:106:49 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
106 id="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:111:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
111 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:111:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
111 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:115:46 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
115 <div id="{{ fieldControl.data.getInputId() }}" class="p-inputtext option-field p-p-0">
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:131:54 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
131 inputId="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:132:29 - error TS2322: Type 'string' is not assignable to type 'number'.
132 min="0"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:133:29 - error TS2322: Type 'string' is not assignable to type 'number'.
133 max="255"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:138:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
138 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:138:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
138 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:145:54 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
145 inputId="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:146:29 - error TS2322: Type 'string' is not assignable to type 'number'.
146 min="0"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:147:29 - error TS2322: Type 'string' is not assignable to type 'number'.
147 max="65535"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:152:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
152 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:152:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
152 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:159:54 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
159 inputId="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:160:29 - error TS2322: Type 'string' is not assignable to type 'number'.
160 min="0"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:161:29 - error TS2322: Type 'string' is not assignable to type 'number'.
161 max="4294967295"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
0m ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:166:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
166 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:166:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
166 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:172:49 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
172 id="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:177:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
177 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:177:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
177 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:183:49 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
7m183 id="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:188:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
188 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:188:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
188 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:194:49 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
194 id="{{ fieldControl.data.getInputId(0) }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:200:54 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
200 inputId="{{ fieldControl.data.getInputId(1) }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:202:29 - error TS2322: Type 'string' is not assignable to type 'number'.
202 min="1"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:203:29 - error TS2322: Type 'string' is not assignable to type 'number'.
203 max="128"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:208:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
208 <label for="{{ fieldControl.data.getInputId(0) }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:208:92 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
208 <label for="{{ fieldControl.data.getInputId(0) }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:214:54 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
214 inputId="{{ fieldControl.data.getInputId(0) }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:216:29 - error TS2322: Type 'string' is not assignable to type 'number'.
216 min="0"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:217:29 - error TS2322: Type 'string' is not assignable to type 'number'.
217 max="65535"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:222:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
222 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:222:91 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
222 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:224:54 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
224 inputId="{{ fieldControl.data.getInputId(1) }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:226:29 - error TS2322: Type 'string' is not assignable to type 'number'.
226 min="0"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:227:29 - error TS2322: Type 'string' is not assignable to type 'number'.
227 max="16"
~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:238:53 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
238 id="{{ fieldControl.data.getInputId() }}"
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:243:57 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
243 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:243:95 - error TS2339: Property 'data' does not exist on type 'AbstractControl'.
243 <label for="{{ fieldControl.data.getInputId() }}">{{ fieldControl.data.fieldType }}</label>
~~~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-form/dhcp-option-form.component.html:279:17 - error TS2322: Type 'string' is not assignable to type 'boolean'.
279 v6="false"
~~
src/app/dhcp-option-form/dhcp-option-form.component.ts:38:18
38 templateUrl: './dhcp-option-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionFormComponent.
Error: src/app/dhcp-option-set-form/dhcp-option-set-form.component.html:7:10 - error TS2322: Type 'AbstractControl' is not assignable to type 'FormGroup'.
7 [formGroup]="formArray.at(i)"
~~~~~~~~~
src/app/dhcp-option-set-form/dhcp-option-set-form.component.ts:13:18
13 templateUrl: './dhcp-option-set-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionSetFormComponent.
Error: src/app/dhcp-option-set-form/dhcp-option-set-form.component.html:7:10 - error TS2322: Type 'AbstractControl' is not assignable to type 'FormGroup'.
7 [formGroup]="formArray.at(i)"
~~~~~~~~~
src/app/dhcp-option-set-form/dhcp-option-set-form.component.ts:13:18
13 templateUrl: './dhcp-option-set-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DhcpOptionSetFormComponent.
Error: src/app/events-panel/events-panel.component.html:44:9 - error TS2322: Type 'string' is not assignable to type 'number'.
44 pageLinkSize="3"
~~~~~~~~~~~~
src/app/events-panel/events-panel.component.ts:15:18
15 templateUrl: './events-panel.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EventsPanelComponent.
Error: src/app/events-panel/events-panel.component.html:74:21 - error TS2322: Type 'string' is not assignable to type 'boolean'.
74 showClear="true"
~~~~~~~~~
src/app/events-panel/events-panel.component.ts:15:18
15 templateUrl: './events-panel.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EventsPanelComponent.
Error: src/app/events-panel/events-panel.component.html:91:21 - error TS2322: Type 'string' is not assignable to type 'boolean'.
91 showClear="true"
~~~~~~~~~
src/app/events-panel/events-panel.component.ts:15:18
15 templateUrl: './events-panel.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EventsPanelComponent.
Error: src/app/events-panel/events-panel.component.html:108:21 - error TS2322: Type 'string' is not assignable to type 'boolean'.
108 showClear="true"
~~~~~~~~~
src/app/events-panel/events-panel.component.ts:15:18
15 templateUrl: './events-panel.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EventsPanelComponent.
Error: src/app/events-panel/events-panel.component.html:125:21 - error TS2322: Type 'string' is not assignable to type 'boolean'.
125 showClear="true"
~~~~~~~~~
src/app/events-panel/events-panel.component.ts:15:18
15 templateUrl: './events-panel.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EventsPanelComponent.
Error: src/app/ha-status/ha-status.component.html:17:17 - error TS2322: Type 'string' is not assignable to type 'boolean'.
17 showServerLink="true"
~~~~~~~~~~~~~~
src/app/ha-status/ha-status.component.ts:12:18
12 templateUrl: './ha-status.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component HaStatusComponent.
Error: src/app/host-form/host-form.component.html:92:32 - error TS2740: Type 'AbstractControl' is missing the following properties from type 'FormGroup': controls, registerControl, addControl, removeControl, and 3 more.
92 <ng-container [formGroup]="ipGroup" class="p-d-flex p-ai-start">
~~~~~~~~~
src/app/host-form/host-form.component.ts:163:18
163 templateUrl: './host-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component HostFormComponent.
Error: src/app/host-form/host-form.component.html:125:65 - error TS2322: Type 'string' is not assignable to type 'number'.
125 <p-inputNumber ngDefaultControl min="1" max="128" formControlName="inputPDLength">
~~~
src/app/host-form/host-form.component.ts:163:18
163 templateUrl: './host-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component HostFormComponent.
Error: src/app/host-form/host-form.component.html:125:73 - error TS2322: Type 'string' is not assignable to type 'number'.
125 <p-inputNumber ngDefaultControl min="1" max="128" formControlName="inputPDLength">
~~~
src/app/host-form/host-form.component.ts:163:18
163 templateUrl: './host-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component HostFormComponent.
Error: src/app/json-tree/json-tree.component.html:56:14 - error TS2322: Type 'string | number' is not assignable to type 'string'.
Type 'number' is not assignable to type 'string'.
56 [key]="item.key"
~~~
src/app/json-tree/json-tree.component.ts:30:18
30 templateUrl: './json-tree.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component JsonTreeComponent.
Error: src/app/json-tree/json-tree.component.html:71:13 - error TS2322: Type 'string' is not assignable to type 'boolean'.
71 showCurrentPageReport="true"
~~~~~~~~~~~~~~~~~~~~~
src/app/json-tree/json-tree.component.ts:30:18
30 templateUrl: './json-tree.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component JsonTreeComponent.
Error: src/app/json-tree/json-tree.component.html:131:42 - error TS2362: The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.
131 (keyup.enter)="onEnterJumpToPage(jumpToPageBox.value - 1); jumpToPageBox.value = ''"
~~~~~~~~~~~~~~~~~~~~~~~
src/app/json-tree/json-tree.component.ts:30:18
30 templateUrl: './json-tree.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component JsonTreeComponent.
Error: src/app/kea-app-tab/kea-app-tab.component.html:7:11 - error NG8007: The property and event halves of the two-way binding 'visible' are not bound to the same target.
Find more at https://angular.io/guide/two-way-binding#how-two-way-binding-works
7 [(visible)]="appRenameDialogVisible"
~~~~~~~
src/app/rename-app-dialog/rename-app-dialog.component.ts:21:14
21 export class RenameAppDialogComponent implements OnInit, OnChanges {
~~~~~~~~~~~~~~~~~~~~~~~~
The property half of the binding is to the 'RenameAppDialogComponent' component.
src/app/kea-app-tab/kea-app-tab.component.ts:1:45
1 import { Component, OnInit, Input, Output, EventEmitter, OnDestroy } from '@angular/core'
~~~~~~~~~~~~~~~~~~~~~
The event half of the binding is to a native event called 'visible' on the <app-rename-app-dialog> DOM element.
Are you missing an output declaration called 'visibleChange'?
src/app/kea-app-tab/kea-app-tab.component.ts:23:18
23 templateUrl: './kea-app-tab.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component KeaAppTabComponent.
Error: src/app/kea-app-tab/kea-app-tab.component.html:298:34 - error TS2739: Type '{ machine: any; appType: any; daemonType: any; }' is missing the following properties from type '{ level: number; machine: any; appType: any; daemonType: any; user: any; }': level, user
298 [filter]="{
~~~~~~
src/app/kea-app-tab/kea-app-tab.component.ts:23:18
23 templateUrl: './kea-app-tab.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component KeaAppTabComponent.
Error: src/app/machines-page/machines-page.component.html:569:45 - error TS2739: Type '{ machine: any; }' is missing the following properties from type '{ level: number; machine: any; appType: any; daemonType: any; user: any; }': level, appType, daemonType, user
569 <app-events-panel #eventsTable [filter]="{ machine: machineTab.machine.id }"></app-events-panel>
~~~~~~
src/app/machines-page/machines-page.component.ts:21:18
21 templateUrl: './machines-page.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component MachinesPageComponent.