Thanood

import { bindable, inlineView, inject } from 'aurelia-framework';
// import * as ag from 'ag-grid';

@inject(Element)
@inlineView(`
    <template class="ag-blue" style="align-self: stretch; flex-grow: 1; -ms-flex: 0 1 auto; flex: 1 1 100%;">
    </template>
`)
export class AgGrid {
    @bindable columns;

Thanood

<template>
  <select value.bind="selectedUser">
    <option repeat.for="user of users" value.bind="user.id">${user.firstName} ${user.lastName}</option>
  </select>
  Selected User: ${selectedUser}
</template>

Thanood

Unhandled rejection Error: XHR error (404 Not Found) loading http://localhost:3000/src/aurelia-materialize-bridge/colors/md-colors.html.js
	Error loading http://localhost:3000/src/aurelia-materialize-bridge/colors/md-colors.html.js
    at o (http://localhost:3000/jspm_packages/system.js:4:12694)
    at XMLHttpRequest.s.onreadystatechange (http://localhost:3000/jspm_packages/system.js:4:13219)
    at l.<anonymous> (http://localhost:3000/jspm_packages/system.js:4:18437)
    at l.<anonymous> (http://localhost:3000/jspm_packages/system.js:4:29421)
    at l.<anonymous> (http://localhost:3000/jspm_packages/system.js:5:1941)
    at l.<anonymous> (http://localhost:3000/jspm_packages/system.js:5:5847)
    at l.<anonymous> (http://localhost:3000/jspm_packages/system.js:5:13533)
    at l.<anonymous> (http://localhost:3000/jspm_packages/system.js:5:15569)

Thanood

<template>
  <require from="./my-element"></require>
  <require from="./my-attribute"></require>
  
  <my-element my-attribute foo.bind="initial"></my-element>
  <!--<paging num="6"></paging>-->
  
</template>

Thanood

<template>
  
  <select class="form-control" value.bind="selectedValue">
                    <option>Select value</option>
                    <option repeat.for="value of values" model.bind="value">${value.Name} </option>
                </select>
</template>

Thanood

<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>

Thanood

<template>
  <label repeat.for="employee of employees">
    <input type="checkbox" model.bind="employee" checked.bind="$parent.favoriteEmployees" />
    ${employee.fullName}
  </label>
  <div>
    <ul>
      <li repeat.for="emp of favoriteEmployees">${emp.fullName}</li>
    </ul>
  </div>

Thanood

<template>
  <require from="./my-attribute"></require>
  <div my-attribute="hello"></div>
</template>

Thanood

<template>
   <div>
      <md-pagination md-pages="6" md-active-page.bind="activePage"></md-pagination>
  </div>
  <div>
    active page: ${activePage}
  </div>
  <button md-button md-waves="color: light;" click.delegate="setToFive()">set to 5</button>
</template>

Thanood

<template>
  <router-view></router-view>
</template>