RouteHash

The can-route-hash package exports a RouteHash constructor function. Instances of RouteHash are two-way bound to the window.location.hash once the instances have a listener.

import { RouteHash, Reflect } from "can";

var routeHash = new RouteHash();

window.location.hash = "#!foo";

// You must listen on the routeHash before it
// begins listening for hashchanges
Reflect.onValue( routeHash, function(){});

// changing the hash updates the observable value
window.location.hash = "#!bar";
routeHash.value //-> "bar"

// changing the observable value updates the hash
routeHash.value = "zed";
window.location.hash = "#!zed";

As shown above, instances of RouteHash support .value to get and set values. Also, instances of RouteHash implement the common ValueObservable symbols:

• getValue - canReflect.getValue( routeHash )
• setValue - canReflect.setValue( routeHash, "foo=bar" )
• onValue - canReflect.onValue( routeHash, handler(newValue, oldValue) )
• offEvent - canReflect.offValue( routeHash, handler )

<script>
steal = {
    map: {"can-route-pushstate": "can-route-hash"}
}
</script>
<script src="./node_modules/steal/steal.js" main></script>