Aurelia Custom Element - все, что непосредственно после этого удалено из DOM

Question

У меня есть последняя версия Aurelia, хотя я считаю, что она была исправлена ​​в прошлом году (https://github.com/aurelia/framework/issues/35), у меня все еще есть проблемы. У кого-нибудь еще есть эта проблема?

Пользовательский элемент:

<template> 
    <i class="fa fa-question fa-sm"></i> 
</template> 

import {customElement, bindable, inject, bindingMode} from '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' }); 
    } 
} 

Место ссылки:

<template>  
<div class="row"> 
    <div class="col-sm-12"> 
     <div class="form-group"> 
      <label class="control-label">Name</label> 
      <tooltiphelper title.bind="'Do you work?'" /> 
      <input disabled.bind="readonly" type="text" class="form-control" value.bind="baseContent.Name"> 
     </div> 
    </div> 
</div> 
</template> 

HTML Сгенерированный: Куда вход ушел?

Answer 1

СЕ нуждается перекрывая правильно.

<template>  
<div class="row"> 
    <div class="col-sm-12"> 
     <div class="form-group"> 
      <label class="control-label">Name</label> 
      <tooltiphelper title.bind="'Do you work?'"></tooltiphelper> 
      <input disabled.bind="readonly" type="text" class="form-control" value.bind="baseContent.Name"> 
     </div> 
    </div> 
</div> 
</template>