Jason Sobell jsobell
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Created by Jason on 29/02/2016. | |
| * | |
| * constructor(public deepobserver:DeepObserver) { | |
| * this.obsDisposer = this.deepobserver.observe(this, 'target', (n,o,p)=> | |
| * { console.log('DATA CHANGED:', p, ':', o,'===>', n ); } | |
| * } | |
| * @bindable target:Object; | |
| * | |
| * To remove bindings, call this.obsDisposer(); |
jsobell
/ app.html
Last active
March 16, 2016 14:43
— forked from opcodewriter/app.html
Aurelia If Bind test on template part
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <section> | |
| <h2>Cascading Selects Example</h2> | |
| <form role="form" submit.delegate="submit()"> | |
| <div class="form-group"> | |
| <label for="levelOne">Level 1</label> | |
| <select id="levelOne" name="levelOne" value.bind="levelOne"> | |
| <option value="">Select a level 1 item</option> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <h2>Simple App</h2> | |
| <h5>Hi ${firstName}</h5> | |
| </template> |
jsobell
/ index.html
Created
April 4, 2016 11:34
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>GistRun</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <h1>Hello world!</h1> | |
| <script src="script.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <select value.bind="selectedFeature"> | |
| <option value=''>All Features</option> | |
| <option repeat.for="feature of features" model.bind="feature">${feature.Name}</option> | |
| </select> | |
| Selected: ${selectedFeature.Name}, ID=${selectedFeature.id} | |
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}"> | |
| <span if.bind="!user.lastName">${user}</span> | |
| <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span> | |
| </a> | |
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}"> | |
| <span if.bind="!user.lastName">${user}</span> | |
| <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span> | |
| </a> | |
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}"> | |
| <span if.bind="!user.lastName">${user}</span> | |
| <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span> | |
| </a> | |
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}"> | |
| <span if.bind="!user.lastName">${user}</span> | |
| <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span> | |
| </a> | |
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}"> | |
| <span if.bind="!user.lastName">${user}</span> | |
| <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span> | |
| </a> | |
| </template> |
OlderNewer