i'll take a look at it deeper
i'll put a breakpoint
hello, i'm building my first ampesandjs app and having some trouble with a load on demand collection that I want to cross reference properties from another collection. Specifically i have an id field in my main collection, and I want to map that to a name field on the other collection by id reference. The solution I have works most of the time, but on occasion has no data in the second collection (I assume an async race condition causes it)
the render function on my page object is:
render: function () {
if (!app.itemclasses.length) {
app.itemclasses.fetch();
};
this.renderWithTemplate();
this.renderCollection(this.collection, collectionView, this.queryByHook('recipe-list'));
if (!this.collection.length) {
this.fetchCollection();
};
},
are there some examples of how to build an app with rest-collections and cross references? having no luck googling for them
oh, and the derived property on my recipe is:
ItemClassName: {
deps: ['Type'], fn: function () {
var itemclass = app.itemclasses.get(this.Type);
return itemclass != null ? itemclass.Name : '';
},
cache: false
}
The collection to return values
@StompyNZ It's hard to say without seeing where the two collections are declared/fetched etc. I can see the one
app.itemclasses.fetch() but probably need to see where they both get fetched etc. I assume the model with the derived ItemClassName is looking at the value of app.itemclasses before the fetch is done. You can either trigger changes on the models when app.itemclasses finishes fetch, or figure out a way to have you subview use a derived or some condition to waitFor both to be fetched.
@StompyNZ if you have the code on github I can take a look.
thats the specific page in question ;)
@StompyNZ I couldn't really test it, i get a lot of API failures, but something like this https://gist.github.com/RickButler/a0a1137e4dea01a2dbef4a37853ceb8f
the api server is a game server and very basic webserver that doesnt allow cors so cant make it available for testing remotely
this app im working on is partly to learn ampersandjs because my work wants to switch over to it, but its a huge project so getting a good file structure worked out will be the next step
ampersand-model* is on 8.0.1
I should probably submit a PR to update the CLI...
Lodash where rather
Hello. Hope this place is still monitored? I'm new to ampersand and still green in javascript overall, but I'm wondering if I should be using ampersand-rest-collection to create models from a local json file? I currently am, but it doesn't seem to be dropping anything into the model. I also am following along in the HumanJavascript video series and am trying to duplicate, but with local json rather than an external api. Any help is appreciated.
@pnwnelson The rest collection is intended to be used with an actual API, you can easily run a node json-rest plugin like this one https://github.com/typicode/json-server to simulate such.
As a relative novice in this, I always struggle understanding the terminology to figure out what tool to use for what I'm trying to do. Reading the docs, it sounds as if maybe I should be using &-state instead of &-model, to create a model and a collection for data coming from a local json file. Is this correct? Yet I see others using &-model for use with local json files.
