проверки Аурелия не отображается

Question

JavaScript:

import {inject} from 'aurelia-framework'; 
import {Validation} from 'aurelia-validation'; 

@inject(Validation) 
export class CreateExecutedAgreement { 
    constructor(validation) { 
     this.agreementType = ""; 
     this.counterparty = ""; 
     this.validation = validation.on(this) 
     .ensure('agreementType') 
      .isNotEmpty() 
     .ensure('counterparty') 
      .isNotEmpty(); 
    } 
} 

HTML:

Я могу видеть, что проверка делает что-то на странице, потому что я вижу

<p class="help-block aurelia-validation-message"></p> 

добавляется после метки, но когда я фокусирую и размываю текстовое поле, я не вижу никаких сообщений, изменения css и т. д.

Заранее спасибо.

Answer 1

<template> 
    <div class="form-group"> 
     <label for="counterparty">Counterparty</label> 
     <select value.bind="counterparty" id="counterparty" class="form control" validate.bind="validation"> 
      <option value=""> <- Select -> </option> 
      <option>test value</option> 
     </select> 
    </div> 
</template> 

или это

<template> 
    <div class="form-group"> 
     <label for="counterparty">Counterparty</label> 
     <select value.bind="counterparty" id="counterparty" class="form-control" validate.bind="validation"> 
      <option></option> 
      <option>test value</option> 
     </select> 
    </div> 
</template> 

Answer 2

Добавить VALIDATE свойство выбрать элемент

<div class="form-group"> 
     <label>Counterparty</label> 
     <select value.bind="counterparty" id="counterparty" class="form-control" validate="counterparty"> 
      <option value=""><- Select -></option> 
     </select> 

Answer 3

Добавлено проверки ключевого слова с value.bind

<div class="form-group"> 
    <label for="counterparty">Counterparty</label> 
    <select value.bind="counterparty & validate" id="counterparty" class="form-control"> 
     <option value=""><- Select -></option> 
    </select> 
</div>