Object Traversal Edit

San provides san-for directive (abbreviated as s-for) to render a list from Array data. Then how to traverse and render Object data? Since san does not provide directives for Object traversal, you can make use of the computed property.

Usage

class MyComponent extends San.component {
    static computed = {
        list() {
            let myObject = this.data.get('myObject');
            return Object.keys(myObject).map(item => {
                return {
                    key: item,
                    value: myObject[item]
                }
            });
        }
    };
}

Demo

See the Pen san-traverse-object by liuchaofan (@asd123freedom) on CodePen.