Just remove the template for the word list entirely, use an input element, and use the directive as an attribute. Then, remove these .wl_* classes completely (by the way, they should be wl- not wl_) and switch on input[readonly] to decide the difference.