Hi Guys I am reusing the 'Umbraco.DropDown' property editor in my custom angular view I am using the directives like this:

                        <umb-property property="campaignTypePropertyEditor">
                            <umb-editor model="campaignTypePropertyEditor"></umb-editor>
                        </umb-property>

and this is what I am passing in:`

campaignTypePropertyEditor = {
            editor: "Umbraco.DropDown",
            label: label,
            description: description,
            hideLabel: false,
            view: "dropdown",
            alias: alias,
            value: 1,
            validation: {
                mandatory: true,
                pattern: ""
            },
            config: {
                items: [
                    { id: "0", value: "Option1""},
                    { id: "1", value: "Option2" },
                    { id: "3", value: "Option3" }

                ],

            }
        };

How do I set which item is selected? I have tried setting value to 1 (above) expecting Option 2 to be selected but when the page loads the items are present but none of them are selected.

I have seen this post:

https://our.umbraco.org/forum/extending-umbraco-and-using-the-api/81580-custom-section-reuse-datatype-dropdownlist

but the solution invloves changing the Angular View but in my case I want to reuse the umbraco's view and don't want to change this file.

So how do I:

Select the option that I want selected when the page loads, without making changings to the HTML in the property editor.