This is a migrated thread and some comments may be shown as answers.

TabStrip with angular controller

15 Answers 114 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Mahmut
Top achievements
Rank 2
Mahmut asked on 19 Mar 2015, 11:56 AM

Hello,
I'm experiencing a problem with TabStrip. With 2014 Q2 version, I can use tabstrip without a problem, in which its
contents bind angular controllers, and I can see that bound controller is activated when the tabstrip content is
loaded. But, yesterday I've tried to upgrade to 2015 Q1 version. After that, I see that the controller is no more activated.
Is there a difference between 2014 Q2 and 2015 Q1 versions? Or am I missing something?

Mahmut Zemheri

15 Answers, 1 is accepted

Sort by
0
Mahmut
Top achievements
Rank 2
answered on 20 Mar 2015, 04:03 PM
Hello again,
I've added a plunker sample.
(Working sample breaks down when you comment out the lines with 2015.* version)

Thanks,
Mahmut Zemheri
0
Kiril Nikolov
Telerik team
answered on 21 Mar 2015, 08:11 AM

Hello Mahmut,

You are missing the correct script reference. Please see the updated example here:

http://dojo.telerik.com/idiHA

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mahmut
Top achievements
Rank 2
answered on 21 Mar 2015, 04:02 PM
Hi Kiril,
Thanks for your reply.
Unfortunately, there is no difference. Again, while the sample with 2014 Q2 is working, 
the sample with 2015 Q1 is not working (even with the script reference which you gave).

Thanks
Mahmut Zemheri
0
Accepted
Kiril Nikolov
Telerik team
answered on 25 Mar 2015, 07:53 AM

Hello Mahmut,

 

There was an error in the way widget is initialized, please note that you do not need to initialize the tabstrip widget with jQuery when AngularJS directives are used. Please see the updated example here:

 

http://plnkr.co/edit/kWoej5HcQaSPagceyQkp?p=preview

 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mahmut
Top achievements
Rank 2
answered on 25 Mar 2015, 09:17 AM
Hello Kiril :(,

I think, there is a serious problem with communication. Let me try to be as clearest as possible.
With 2014 Q2, the result is "Tab 1 Content" (in evidence 1).
With 2015 Q1, the result is "{{name}}" (in evidence 2, and the sample prepared by yourself).
Why on earth, the result is "{{name}}" with 2015 Q1 version (regardless of the script reference or the widget initialization method you choose)?
I feel that there is a bug in 2015 Q1 version with a great possibility.

Mahmut Zemheri

0
Mahmut
Top achievements
Rank 2
answered on 26 Mar 2015, 08:05 AM
Hello again,

Just another sample with 2014 Q2 and 2015 Q1.
Please, do notice that initialize function does not work with 2015 Q1 (in contrast with 2014 Q1).

Mahmut Zemheri
0
Mahmut
Top achievements
Rank 2
answered on 27 Mar 2015, 12:09 PM
The same problem with kendo window.
2014 Q2 vs 2015 Q1.
Is there any workaround for this problem?

Mahmut Zemheri
0
Accepted
Petyo
Telerik team
answered on 27 Mar 2015, 07:49 PM
Hello Mahmut,

I am sorry for the delayed response. the change you refer to is intentional. The Q2 2014 behavior was, in fact, an incorrect one. Widgets not instantiated as directives interfered with the AngularJS compilation. After several customer requests we had to change that.

Like Kiril suggested, if the tabstrip is instantiated with an AngularJS directive, the problem should be addressed.

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mahmut
Top achievements
Rank 2
answered on 29 Mar 2015, 03:10 PM
Thanks Kiril and Petyo,

What if, you have to instantiate a kendo-widget that bound an angular controller at runtime (for example, by user preference)?
Anyway, if it is intentional and requested by several customers, we have nothing to do but review whole project
and hope that upcoming versions not to include this kind of surprises.

Mahmut Zemheri
0
Accepted
Petyo
Telerik team
answered on 01 Apr 2015, 06:52 AM
Hello,

there are plenty of means to achieve that. In fact, the topic has been broadly covered under the "AngularJS for jQuery developers" title, which discusses such cases in details.

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mahmut
Top achievements
Rank 2
answered on 01 Apr 2015, 03:27 PM
Hello Petyo,

Thank you very much, for your kindness.
I'll examine the link carefully.
We're just having some difficulties in changing the design pattern in the middle of the development process.
In fact, there were no problem, if we began with 2015 Q1. 

Best regards,
Mahmut Zemheri
0
Mahmut
Top achievements
Rank 2
answered on 01 Apr 2015, 03:31 PM
Hello Petyo,

Thank you very much, for your kindness.
I'll examine the link carefully.
We're just having some difficulties in changing the design pattern in the middle of the development process.
In fact, there were no problem, if we began with 2015 Q1 version :)

Best regards,
Mahmut Zemheri
0
Mahmut
Top achievements
Rank 2
answered on 01 Apr 2015, 03:32 PM
Hello Petyo,

Thank you very much, for your kindness.
I'll examine the link carefully.
We're just having some difficulties in changing the design pattern in the middle of the development process.
In fact, there were no problem, if we began with 2015 Q1 version :)

Best regards,
Mahmut Zemheri
0
Mahmut
Top achievements
Rank 2
answered on 01 Apr 2015, 03:40 PM
Note: Sorry for multiple messages with the same content (resulting from 500 internal server errors).
0
Kiril Nikolov
Telerik team
answered on 03 Apr 2015, 06:25 AM

Hello Mahmut,

Apologies for any inconveniences.

If something comes up - please do not hesitate to contact us.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
TabStrip
Asked by
Mahmut
Top achievements
Rank 2
Answers by
Mahmut
Top achievements
Rank 2
Kiril Nikolov
Telerik team
Petyo
Telerik team
Share this question
or