Элемент привязки в Angular-MDL

Question

Я довольно новичок в Angular и у меня возникли проблемы с привязкой элементов. Любая помощь высоко ценится. Ниже приведен код:

<mdl-textfield floating-label label="Memory" #memory
formControlName="memory"
pattern="[0-9]*" error-ms="Must be a number"
type="text"></mdl-textfield>

<mdl-textfield floating-label label="Size" #size
formControlName="size"
pattern="[0-9]*" error-ms="Must be a number"
max=memory.value/2
type="text"></mdl-textfield>

Чего я хочу добиться: поле max для текстового поля "size" должно быть назначено с половиной значения текстового поля "memory". Текущая реализация не работает. Может кто-нибудь дать несколько советов о том, как этого добиться. Я также хотел добиться того же с помощью концепции ngModel, но не смог.

Ура, Ракеш

Answer 1

Я мог бы найти решение проблемы выше. Сначала я изменил тип на число для обоих полей и вызвал функцию javascript для атрибута max для поля "size", как показано ниже.

max={{getMaxSize()}}

Эта функция извлекает значение элемента "memory" и возвращает вычисленное значение.

Для этого могут быть еще лучшие решения. Но на данный момент я могу придумать это.