ng-required issue

[Elliot]

I have the following dropdownlist:

<select kendo-drop-down-list id="employee" name="employee"
    k-ng-model="incident.employeeId"
    ng-model="incident.selectedEmployee"
    ng-required="showEmployee"
    k-value-primitive="true"
    k-data-text-field="'fullName'"
    k-data-value-field="'employeeId'"
    k-option-label="{ employeeId: null, fullName: 'Select employee...'}"
    k-data-source="employeeDataSource">
</select>

In the controller ishowEmployee is set to true.

The issue I have is that it wont mark it as required.  If I simply change the dropdownlist to a combo box it will mark it required.  Why and how do I get it as required when showEmployee is true?

[Alexander Valchev]

Hello Elliot,

This help topic demonstrates how to create a required DropDownList in AngularJS application.

Regards,
Alexander Valchev
Telerik

 

 

[Elliot]

Three things:

1. The fact that ng-required is working fine simply changing it to a kendo combo box tells me there is something not right with the drop down list.

2. The drop down list should work with ng-required otherwise whats the point of the angular version of your controls.

3. Changing it to just required still doesnt solve the problem.

I am using v2016.1.412

If you could do a quick dojo showing it working that would help.

[Elliot]

Please also keep in mind the required is based on the showEmployee variable in the controller.

[Alexander Valchev]

Hi Elliot,

The example from the help topic that I provided below works if you use a ng-required attribute.

• http://dojo.telerik.com/OfiMU

What is the difference in your case?

Regards,
Alexander Valchev
Telerik

 

 

[Elliot]

Please see: http://dojo.telerik.com/@[e-mail]/UBuGi for an example of ng-required not working.

[Georgi Krustev]

Hello Elliot,

The datasource is empty when the ng-required expression is evaluated. You will need to use model field that can be updated once the data source is populated. The same approach is shown in the AngularJS documentation:

• https://docs.angularjs.org/api/ng/directive/ngRequired

Check the modified demo:

• http://dojo.telerik.com/UYohO

Regards,
Georgi Krustev
Telerik

 

 

[Elliot]

I am getting a digest in progress error when I add the change event to my data source.  I can see it working fine in the demo but cant figure out what is causing it in my case.  The controller is very simple.  Any idea why this would happen?

[Georgi Krustev]

Hello Elliot,

We will need a repro demo in order to continue with our investigation. Would it be possible to modify the demo I sent in my previous reply or send us a new one that demonstrates the issue?

Regards,
Georgi Krustev
Telerik

 

 

[Elliot]

After way too much fiddling around the problem ended up being the k-option-label being an object.  It was causing all sorts of problems with required.   When I changed it to a string everything worked as expected.