Aurelia Custom Element - Anything directly after that is removed from DOM -
i have latest version of aurelia although believe had been fixed last year (https://github.com/aurelia/framework/issues/35), still having issues. else have issue?
custom element:
<template> <i class="fa fa-question fa-sm"></i> </template> import {customelement, bindable, inject, bindingmode} 'aurelia-framework'; @customelement('tooltiphelper') @bindable({name: 'title', attribute: 'title', defaultvalue: 'helper text', defaultbindingmode: bindingmode.twoway}) @inject(element) export class tooltiphelper { constructor(element) { this.element = element; } bind() { $(this.element).tooltip( { title: this.title, placement: 'right' } ); } }
place referenced:
<template> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label class="control-label">name</label> <tooltiphelper title.bind="'do work?'" /> <input disabled.bind="readonly" type="text" class="form-control" value.bind="basecontent.name"> </div> </div> </div> </template>
html generated: has input gone?
the ce needs closing off correctly.
<template> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label class="control-label">name</label> <tooltiphelper title.bind="'do work?'"></tooltiphelper> <input disabled.bind="readonly" type="text" class="form-control" value.bind="basecontent.name"> </div> </div> </div> </template>
Comments
Post a Comment