vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix errors in guide

Browse source
This commit is contained in:
Leo 2017-01-14 17:34:39 -05:00
parent 59dfbf0afc
commit bcaeadf23c
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
docs/simple-application.md
View file

@ -429,7 +429,7 @@ Similar to the `UserList` component, `oninit` calls `User.load()`. Remember we h
Now, let's modify the `UserList` view so that we can navigate from there to a `UserForm`: Now, let's modify the `UserList` view so that we can navigate from there to a `UserForm`:
```javascript ```javascript
// src/views/UserForm.js // src/views/UserList.js
var m = require("mithril") var m = require("mithril")
var User = require("../model/User") var User = require("../model/User")
@ -456,7 +456,7 @@ The form itself still doesn't save when you press "Save". Let's make this form w
```javascript ```javascript
// src/views/UserForm.js // src/views/UserForm.js
var m = require("mithril") var m = require("mithril")
var User = require("./model/User") var User = require("../model/User")
module.exports = { module.exports = {
oninit: function(vnode) {User.load(vnode.attrs.id)}, oninit: function(vnode) {User.load(vnode.attrs.id)},
@ -536,7 +536,9 @@ Currently, we're only able to navigate back to the user list via the browser bac
Let's create a file `src/views/Layout.js`: Let's create a file `src/views/Layout.js`:
```javascript ```javascript
var Layout = { var m = require("mithril")
module.exports = {
view: function(vnode) { view: function(vnode) {
return m("main.layout", [ return m("main.layout", [
m("nav.menu", [ m("nav.menu", [
@ -579,6 +581,7 @@ var m = require("mithril")
var UserList = require("./view/UserList") var UserList = require("./view/UserList")
var UserForm = require("./view/UserForm") var UserForm = require("./view/UserForm")
var Layout = require("./view/Layout")
m.route(document.body, "/list", { m.route(document.body, "/list", {
"/list": { "/list": {
@ -609,4 +612,3 @@ This concludes the tutorial.
In this tutorial, we went through the process of creating a very simple application where we can list users from a server and edit them individually. As an extra exercise, try to implement user creation and deletion on your own. In this tutorial, we went through the process of creating a very simple application where we can list users from a server and edit them individually. As an extra exercise, try to implement user creation and deletion on your own.
If you want to see more examples of Mithril code, check the [examples](examples.md) page. If you have questions, feel free to drop by the [Mithril chat room](https://gitter.im/lhorie/mithril.js). If you want to see more examples of Mithril code, check the [examples](examples.md) page. If you have questions, feel free to drop by the [Mithril chat room](https://gitter.im/lhorie/mithril.js).