Ihor Marusyk ih2502mk

Writing your own structural directives with context variables

Complete code in math.directive.ts

After reading this you will be able to create a structural directive with inputs and context variables and use it like this:

<div *math="10; exponent: 3; let input; 
            let exponent = exponent; let r = root;
 let p = power; let ctrl = controller"&gt;

Lecture 1: Introduction to Research — [📝Lecture Notebooks] [▶️Video]
Lecture 2: Introduction to Python — [📝Lecture Notebooks] [▶️Video]
Lecture 3: Introduction to NumPy — [📝Lecture Notebooks] [▶️Video]
Lecture 4: Introduction to pandas — [📝Lecture Notebooks] [▶️Video]
Lecture 5: Plotting Data — [📝Lecture Notebooks] [[▶️Vide

	var uuid = require("uuid")
	var rnd_str = require('random-string')

	var m = require('mercury');
	var h = m.h;
	var diff = m.diff;
	var patch = m.patch;
	var createElement = m.create;

	var array = m.array;

	#!/bin/bash

	now=`date +"%F_%I-%M-%S"`
	project=`pwd \| awk '{n=split($0,a,"/"); split(a[n],b,"."); print b[1]}'` # Don't ask...

	sandbox=$HOME/tmp/$project
	if [ ! -d "$sandbox" ]; then
	mkdir -p $sandbox
	fi

	var mercury = require("mercury")
	var h = mercury.h
	var nextTick = require('next-tick')
	var rnd_str = require('random-string')

	var events = {
	addItem: mercury.input()
	};

	var state = mercury.struct({

	var mercury = require("mercury")
	var h = mercury.h
	var nextTick = require('next-tick')
	var rnd_str = require('random-string')

	var events = {
	addItem: mercury.input(),
	removeItem: mercury.input()
	};

	var mercury = require("mercury")
	var h = mercury.h
	var nextTick = require('next-tick')
	var rnd_str = require('random-string')

	var events = {
	addItem: mercury.input(),
	removeItem: mercury.input()
	};


	universal_getter = function(id, prop_name, cb) {
	// get it from db or some data set
	// if fails set erro to `new Error()`
	//
	// if storage is locked wait till it gets unlocked
	//
	// goGetItFromDB(prop_name, function(err, val) {
	return cb(err, val);
	// })

	/*

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>VirtualDOM Example</title>
	</head>
	<body>
	<div id="output"></div>