angular js：将大型控制器拆分为多个文件

Question

I have a controller that is getting rather large.. mostly due to all the input validation I need to do. What I'd like to do is split out all the validation functions into a separate "partial controller".

Normally, I would just create a service and move all the functions in there (which I may still do). The only problem I have with that is: the validation functions, occasionally, need to be aware of the scope. For example, when I'm doing cross validations. I'm not sure I want to pass the scope to the service.

What would be the best approach to this problem? Use a service..?

.service("validation-service", function() {
    return {
        populate: function($scope) { //return validator functions }
    };
}); 

Or, is there a way to separate the controller into two files? Something like this..

File 1

.partialController("myController", function($scope) { /*do normal stuff here*/ });

File 2

.partialController("myController", function($scope) { /*do validations here*/ });

Answer 1

I would have to agree with Jeff directives will be a lot more useful and possibly reusable if you break it down to its basic function.

For example you could build a password confirm directive or a semantically different directive that checks for equality.

Check out this equality directive, it should help: http://plnkr.co/edit/bTFMzV70vjOzwhimVtQL?p=info

---

For the example in your Fiddle you could do this instead: (though I am sure you fiddle was a simplified example)

<input name='start' type="number" ng-model="model.start" max="{{model.end}}"/>
<input name='end' type="number" ng-model="model.end" min="{{model.start}}"/>