Я пытаюсь создать настраиваемый компонент (директива), состоящий из окна <input>
и кнопок [-]
и [+]
. В настоящее время приведенный ниже пример реализует только поле ввода.
Итак, скажем, у меня есть следующий HTML-код для моей директивы:
<my-input ng-blur="onBlur($event)" ng-focus="onFocus($event)"></my-input>
И для целей тестирования я использую этот код:
app.run(function ($rootScope) {
$rootScope.onBlur = function ($event) {
console.log('onBlur', $event);
};
$rootScope.onFocus = function ($event) {
console.log('onFocus', $event);
};
});
Теперь я хочу создать свою настраиваемую директиву <my-input>
, которая имеет поле <input>
в шаблоне, и мне нужно установить ng-blur
и ng-focus
на <my-input>
, чтобы отвечать на события размытия/фокусировки на входе коробка.
У меня есть почти следующее решение: http://codepen.io/anon/pen/KpELmj
1) У меня такое чувство, что этого можно добиться гораздо лучше, я просто не могу это сделать. Мысли?
2) $event
кажется undefined
, и я не могу понять, почему. Мысли?