public static void DefineNiceController() { AngularJSDemo.hwbApp.Controller <ControllerDataObjectStructure> ("hwcSctl", CtlFunction); var ctlDiv = new DivElement(); ctlDiv.SetNGController("hwcSctl"); Document.Body.AppendChild(ctlDiv); var fltFld = new InputElement(); fltFld.SetNGModel("hwcFlt"); ctlDiv.AppendChild(fltFld); var ordFld = new SelectElement(); ordFld.SetNGModel("hwcOrderBy"); ordFld.Add(new OptionElement() { Value = "Checkpoint", InnerHTML = "Alphabetically" }); ordFld.Add(new OptionElement() { Value = "id", InnerHTML = "Series ID" }); ctlDiv.AppendChild(ordFld); var rptSpan = new SpanElement(); rptSpan.SetNGRepeat("checkpoint", "checkpoints", fltFld.GetNGModel(), ordFld.GetNGModel()); rptSpan.InnerHTML = "{{checkpoint.callsign}}[{{checkpoint.id}}] "; ctlDiv.AppendChild(rptSpan); }