Thanks for the example,
But how will:
<global-wrapper>
<div main-demo>
Validate? I mean in terms of HTML validation (not user input validation)
I have been adding data-ng-whatever to keep the HTML validating with the
data-*attribute. Is this an option as well?
Thanks again for all your insight,
Dave
On Wednesday, September 16, 2015 at 11:32:48 PM UTC-2:30, Dave Abbott wrote:
>
> First off I am very new to Angular so forgive me first of all :)
>
> I am coming from a php MVC background where a Controller is specific to
> that Model and the task it performs.
>
> UserController.php would interact with User.php Model to CRUD the User in
> essence.
>
>
>
> Looking at Google tutorial searches and guides they are all so primitive
> where everything is just basic and a single controller approach, just the
> basics.
> Read a few books and same thing. Usually like "we wont get into that, for
> the sake of this guide we will put everything in app.js"
>
>
> So I originally figured I would in Angular have a controller for each to
> match but after a day it all seemed repetitive so I created a CRUD service
> which would handle all requests for each action performed.
>
> With calls like :
>
> index : function(url) {
> return $http.get(urls.BASE_API + url);
> },
>
> //pull a specific record vs full data set
> get : function(url, id) {
> return $http.get(urls.BASE_API + url + id);
> },
>
> save : function(url, formData) {
> return $http({
> method: 'POST',
> url: urls.BASE_API + url,
> headers: { 'Content-Type' :
> 'application/x-www-form-urlencoded' },
> data: $.param(formData)
> });
> },
>
> update : function(url, formData) {
> return $http({
> method: 'PUT',
> url: urls.BASE_API + url,
> headers: { 'Content-Type' :
> 'application/x-www-form-urlencoded' },
> data: $.param(formData)
> });
> },
>
> // destroy a record
> destroy : function(url) {
> return $http.delete(urls.BASE_API + url);
> }
>
> So I only need to pass the url endpoint rather than typing out the same
> functionality over and over.
>
> So basically I ended up with (right now 5) controllers
> IndexableController.js //for showing index of records not with pagination
> UpdatableController.js //for updating
> CreatableController.js //for creating
> DeletableController.js //for deleing records
> PageableController.js // for pages requiring pagination
>
> And say a form under the UpdatableController a form has has a
> $scope.submitForm(); call on submit
>
> $scope.submitForm = function() {
> Crud.update(path, $scope.data.formData)
> .then(function(response) {
> if(response.data.status == 'success'){
>
> //decide how to handle success to do what after saved???
>
> $scope.errors = {}
>
> $state.transitionTo('dashboard', {}, {
> reload: true,
> inherit: false,
> notify: true
> });
> } else {
> $scope.errors = response.data.errors;
> console.log($scope.errors);
> }
> },
> function(response) {
> //console.log(response);
> });
> };
>
> So far it works, but being new am I doing this right?
> Whats wrong?
> Improve how?
>
> I greatly appreciate any help, tips pointers and the time everyone takes
> to help out....
>
> Thanks,
>
> Dave
>
>
>
>
>
>
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
