Nested validation in angular js - angularjs

i am a new in angular js. i have lost many times for preparing validation. many example has for total form validation. now i have to do the valid scope wise. I have shown my problem graphically below.
Here save yellow and red there are two portion, when i will click yellow save button then validation will be fire for red mark scope and when i will click red save button then validation will be fire for total page content. how can i solve this problem? can any one help me?
Plunker

http://scotch.io/tutorials/javascript/angularjs-form-validation This link has validation for angularjs in a detailed manner with demo. Try replicating this. Hope this helps.

Related

Angular JS UI grid, clear all filter do not unchecks selection

I am facing wierd problem. I have working ui grid implementation where I have implemented custom filter on columns. It is working as desired, however with a small problem. Clear All on main grid resets filter but do not remove selection on the custom filter popup.
I have recreated the problem on plunker, any help is highly appreciated
code
Thanks,
Sunny

Remove focus from first invalid input in angularjs form

I having html form with angular-js and there is need to remove focus on required fields which are failed on submission.
Actually I am showing all error messages in Pop-Up box. So there is no need to focus on failed controls.
Please help me for it.
This depends on way you are starting you validation.
Assume you are doing this by clicking on some btn.
If so, you should create directive which will subscribe to the click event
and do focus to the document or other element you choose for this.
Don't forget to unsubscribe your listner from the element on $destroy event with .off()
If you are using another way for starting validation you should subscribe to it and do the same.
Hope this was helpful.
Previously I was using type="submit" for input #time of submitting form and Now by using type="button", resolved this issue.

HighCharts Drag points saving with angularJs

I would like to save my model, by clicking on the button SAVE, after dragging a few points, in HIGHCHARTS.
This is my fiddle :
http://jsfiddle.net/nicolas1000/efv0vvbp/
Unfortunatly, $scope.test doesn't show any change after Dragging a point and clicking save !
THank you if you have any idea !
code :
look at fiddle
OK i've just resolved it finally, Still dont know how to specify a resolved stuff on this web site, a button is missing thank you. I ve updated the fiddle

How to display alerts as popup?

I saw examples about alerts here http://angular-ui.github.io/bootstrap/ , nevertheless in that example alerts are just added into the current window.
I'd like to show a popup, so I'm using the $modal service..anyway as you can see from my plunker
`http://plnkr.co/edit/Tz4SEvKft4EQoSDlZA2M`
some extra space shows up. How to remove it? And is this the only way to actually show an alert in angular ui?

Angular JS. Need to display details on click event

I have setup a plunker to demonstrate my question:
http://plnkr.co/edit/xVtli2DKzNDCU1W99gOE?p=preview
The plunker lists the people with their brief details. What I need is, when the above boxes gets clicked, the complete person's details should be displayed in the "person-list" div.
How can we achieve using Angular JS?
Thanks for reading.
Something like this plunkr? The ng-click will set the scope with the selected person.

Resources