AngularJS - потоковое значение по умолчанию?

Question

Я новичок в angularjs и у меня есть небольшая проблема, чтобы "передать" уже введенное значение поля ввода в другое место того же HTML-документа

например:

<input type="text" name="headline" ng-model="headline"
class="form-control" placeholder="Your Headline"/> <-- No default value

и в другом месте:

<div class="header bg-blue preview">
     <h2 class="text-center">
              [[headline || "Your Headline"]]
     </h2>
</div>

Это прекрасно работает. Когда я ввожу что-то в поле ввода, содержимое немедленно передается в.

Моя проблема в том, что если поле ввода уже имеет значение по умолчанию, то это значение по умолчанию не отображается из-за заголовка ng.

Как это:

<input type="text" name="headline" ng-model="headline"
class="form-control" placeholder="Your Headline" value="blablabla"/> <-- with default value

Пока «ng-headline» находится в, «blabla» не отображается в поле ввода. Когда я удаляю заголовок ng, строка появляется как значение по умолчанию в поле ввода.

Я пишу функцию обновления, и «старые» данные уже должны быть в полях ввода в качестве значения. А рядом с полем ввода отображается предварительный просмотр изменений. Вот почему я хочу передать изменения в предварительный просмотр с angular.js.

Answer 1

Tr ng-value или лучше попробуйте установить $scope.headline внутри controller.js самого файла

<input type="text" name="headline" ng-model="headline" class="form-control" placeholder="Your Headline" ng-value="blablabla"/>