CRUD

[thegeorgeous]

Simple CRUD query to get all objects returns HTML page instead of object, generating the following error

Error: [$resource:badcfg] Error in resource configuration. Expected response to contain an array but got an object

[jkosir]

Can you add some code? Can't see what's wrong without it.

[thegeorgeous]

This is the js file I used. I'll put gists of the other files if necessary
https://gist.github.com/thegeorgeous/9086515

[jkosir]

The problem is that you redefine the query method with isArray = false, while query returns an array of objects.

[thegeorgeous]

Well removing that gives me the same error. I seem to be getting an html page instead of the the model object

[jkosir]

The html is probably django debug page, so the issue seems to be in the django code. Angular is set up correctly after fixing the isArray quirk.

What does the html page say?

[thegeorgeous]

This is the html
https://gist.github.com/thegeorgeous/9089386

[jkosir]

It looks like the view you have on crud/task isn't a subclass of CRUD view, since you get a html response rather than json data.

[thegeorgeous]

So how do I make it a subclass?

[jkosir]

There's an example in the docs. You need 2 views, one that returns html page and another one that is a subclass of NgCRUDView.

[thegeorgeous]

You mean like this

class TaskCRUDView(NgCRUDView):
    model_class = Task

I already have that in views.py

[jkosir]

Yes, exactly. I guess crud/task doesn't point to this view in urlconf then.

[thegeorgeous]

Actually it does

...
url(r'crud/task$', TaskCRUDView.as_view(), name='task_view'),
...

[jkosir]

Well if you get a HTML response there must be something wrong in the urlconf. NgCRUDView never returns html. Probably you have a entry in urlconf that matches crud/task and points to the HTML view.

[thegeorgeous]

No, there are no other entries for crud/task.
This is my views.py

class TaskCRUDView(NgCRUDView):
    model_class = Task

def viewTask(request):
    return render(request, 'viewTask.html')

and these are the url patterns I have

    url(r'^admin/', include(admin.site.urls)),
    url(r'^timesheet/viewtask/', 'timesheet.views.viewTask', name='viewTask')
    url(r'crud/task$', TaskCRUDView.as_view(), name='task_view'),

[jkosir]

So just to be clear, Task.query() returns a HTML page, the one viewTask should be returning?

Can you add some django logs?

[thegeorgeous]

Yes exactly. I'm getting a runtime error

RuntimeError: maximum recursion depth exceeded

[jkosir]

Could you post the whole traceback at least?

Or alternatively the whole code if you're okay with that.

[thegeorgeous]

@dasf, here is the whole code
https://github.com/thegeorgeous/tripping-octo-tyrion

[jkosir]

Oh, the problem is that ForeignKey fields can't be serialized, which raises an Exception. I will make a fix and create a pull request.

As a temporary workaround you can remove the fk field in your view.

class TaskCRUDView(NgCRUDView):
    model_class = Task

    def get_model_fields(self):
        fields = super(PostView, self).get_model_fields()
        fields.remove('client_name')
        return fields

[jkosir]

This has now been fixed in 0.6.1

I suggest you reinstall django-angular to get the latest version. If you still have problems please reopen the issue.

[thegeorgeous]

@dasf, Sorry for following this up a little late, but I tried using a model without foreign key and that didn't work either. I'm still getting html instead of json.

[jkosir]

Did you update django-angular? Also if you still get HTML response please post the response you're getting.

[thegeorgeous]

@dasf, yes I did update django-angular to version 0.6.1 The HTML response is view returned by viewTask in the code
https://github.com/thegeorgeous/tripping-octo-tyrion

[jkosir]

After a while of trying I can't get your code to run, getting some weird errors, might look into it when I have more time.

If you're using the latest version from https://github.com/thegeorgeous/tripping-octo-tyrion, the problem is you have the temporary fix for 0.6.0 in your code. And that won't work with 0.6.0 either since you're calling the wrong view in super().

This works now, without overriding the get_fields() method.

class TaskCRUDView(NgCRUDView):
    model_class = Task

If after this you're still getting any errors please attach some django logs.

[thegeorgeous]

This is what I get in the Firebug console

Error: [$resource:badcfg] Error in resource configuration. Expected response to contain an array but got an object
http://errors.angularjs.org/1.2.13/$resource/badcfg?p0=array&p1=object
minErr/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:78
resourceFactory/</Resource[name]/promise<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-resource.js:526
qFactory/defer/deferred.promise.then/wrappedCallback@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:11033
qFactory/defer/deferred.promise.then/wrappedCallback@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:11033
qFactory/ref/<.then/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:11119
$RootScopeProvider/this.$get</Scope.prototype.$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:12045
$RootScopeProvider/this.$get</Scope.prototype.$digest@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:11871
$RootScopeProvider/this.$get</Scope.prototype.$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:12151
done@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:7909
completeRequest@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:8110
createHttpBackend/</xhr.onreadystatechange@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:8056

https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js
Line 9503

and this is the djangologs I get

[06/Mar/2014 10:15:10] "GET /timesheet/viewtask/ HTTP/1.1" 200 1251
[06/Mar/2014 10:15:11] "GET /timesheet/viewtask/crud/task? HTTP/1.1" 200 1251

[jkosir]

[06/Mar/2014 10:15:10] "GET /timesheet/viewtask/ HTTP/1.1" 200 1251
[06/Mar/2014 10:15:11] "GET /timesheet/viewtask/crud/task? HTTP/1.1" 200 1251

The problem is that you have 'crud/task' in angular service config, so when making a request it appends that to current path, thus making a request to '/timesheet/viewtask/crud/task'. Which is matched by regex for your normal HTML view. In your case you need '/crud/task' in the service config, so that when making a request from /timesheet/view the query goes to 'crud/task', without the timesheet part.

[thegeorgeous]

That worked!!! Thanks for bearing with me @dasf !! :-)