Where is PropertyEditorParams in RadDataForm with Angular NativeScript

proui

#1

What is the equivalent of the following code in Angular NativeScript:

The PropertyEditorParams are used to set slider’s minimum and maximum value.

<df:EntityProperty name="myRating" displayName="My Rating" index="3">
    <df:EntityProperty.editor>
        <df:PropertyEditor type="Slider">
            <df:PropertyEditor.params>
                <df:PropertyEditorParams minimum="0" maximum="10" />
            </df:PropertyEditor.params>
        </df:PropertyEditor>
    </df:EntityProperty.editor>
</df:EntityProperty>

Angular NativeScript code:

<TKEntityProperty tkDataFormProperty name="myRating" displayName="My Rating" index="3">
  <TKPropertyEditor tkEntityPropertyEditor type="Slider"></TKPropertyEditor>
</TKEntityProperty>

#2

Template

...
<RadDataForm [source]="person">
	<TKEntityProperty tkDataFormProperty name="rating" displayName="My Rating">
		<TKPropertyEditor tkEntityPropertyEditor type="Slider" [params]="params"></TKPropertyEditor>
	</TKEntityProperty>
</RadDataForm>

Component

...
  person: any = {
        name: "NativeScript",
        age: 10,
        rating: 3
    };
    params: PropertyEditorParams;
    
    ngOnInit(): void {
        this.params = new PropertyEditorParams();
        this.params.minimum = 0;
        this.params.maximum = 5;
    }
...

#3

Thanks Manoj. Awesome!