Skip to content

Instantly share code, notes, and snippets.



Last active Nov 3, 2016
What would you like to do?
Aurelia Replaceable parts
<require from="./my-component"></require>
<h4>Default template</h4>
<h4>Custom template</h4>
<template replace-part="content">
<div>My component</div>
export class App {
<!doctype html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<body aurelia-app>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<template part="content" replaceable>
Default Value
import { bindable } from 'aurelia-framework';
export class MyComponent {
name = "John Doe";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment