Как я могу создать обновленный текстовый ввод в Angular? - PullRequest
0 голосов
/ 22 сентября 2019

Я создаю нативное приложение с угловым и электронным управлением, и сейчас я пытаюсь заставить пользователя выбрать путь для создания папки.У меня есть два отдельных текстовых поля, одно для имени папки и другое для пути (который связан с выводом электронного диалога).Я хочу, чтобы значение входного пути было привязано как к имени, так и к пути.Например, когда пользователь начинает вводить в поле имени, текст добавляется к значению поля пути, чтобы показать окончательную папку, которая будет создана.Как я мог это сделать?

Я пытался использовать связывание ключей angular, но я не могу понять, как изменить значение ввода пути.Я также пытался использовать интерполяцию, но он обновляется только тогда, когда в диалоге выбирается новый путь, а когда в поле имени ничего нет, он отображается как неопределенный.

Это мой компонент html:

<input #name type="name" placeholder="Name"><br>
<input #path type="text" value="{{ this.pathChosen + name.value }}"><button (click)="this.pathChosen = this.getPath()"><img src="assets/folder-icon.svg"></button><br>
<button>Create</button>

Я хочу, чтобы окно обновлялось в реальном времени, как в примере внизу страницы в https://docs.angularjs.org/api/ng/directive/ngBind,, но, похоже, это работает только в AngularJS и вместо добавления в текстэлемент, он не показывает, как добавить к элементу ввода (пример использует элемент span для интерполяции).Если кто-нибудь знает, как это можно сделать, я действительно ценю помощь.Спасибо!

1 Ответ

0 голосов
/ 23 сентября 2019

Попробуйте с помощью:

<input #name type="name" placeholder="Name (input)="name.value=$event.target.value"><br>
<input #path type="text" [value]="this.pathChosen + name.value"><button (click)="this.pathChosen = this.getPath()"><img src="assets/folder-icon.svg"></button><br>
<button>Create</button>

вам необходимо обновить значение входной переменной 'name'.

...