Получить значение из текстового поля ввода без повторения ng

Question

Получить значение из текстового поля ввода без повторения ng

0

Я новичок в AngularJS.

Я хочу получить значение из входного текста без ng-repeat, где значение находится из Python.

Значение из Python:

{{user.id}}

Мой ввод текста:

<form ng-submit="SendHttpPostData()">
  <p><input type="text" ng-model="user" value="{{user.id}}"></p>
  <input type="submit" value="Submit" />
</form>

Моя проблема:

Значение user.id не отображается во входном тексте.
Я получаю неопределенный результат при нажатии кнопки "Отправить".

nuriffah 31 дек. 2015, в 03:56

Источник

0

Вы должны установить для объекта пользователя значение python в вашем угловом контроллере, если это возможно.
James Buck 31 дек. 2015, в 02:53
0

не имеет смысла устанавливать ng-model целиком как user объект, а не как свойство этого объекта. Иначе не понятно в чем твоя проблема
charlietfl 31 дек. 2015, в 02:57
0

Джеймс Бак, приведи пример.
nuriffah 31 дек. 2015, в 02:57
0

charlietfl: я редактировал свой вопрос
nuriffah 31 дек. 2015, в 03:02
0

ng-модель должна быть user.id, тогда она выдаст
Shubham Nigam 31 дек. 2015, в 04:32
0

Я уже использую ng-model = "user.id", но получаю ошибку: пользователь не определен
nuriffah 31 дек. 2015, в 06:27

Показать ещё 4 комментария

Теги:

python

angularjs

1 ответ

Ещё вопросы

Вы должны установить для объекта пользователя значение python в вашем угловом контроллере, если это возможно.
не имеет смысла устанавливать ng-model целиком как user объект, а не как свойство этого объекта. Иначе не понятно в чем твоя проблема
charlietfl: я редактировал свой вопрос
ng-модель должна быть user.id, тогда она выдаст
Я уже использую ng-model = "user.id", но получаю ошибку: пользователь не определен

Igor Raush · Answer 1 · 2016-01-04T15-53-00.000Z

Угловой, по умолчанию, не будет читать value атрибута входа при инициализации привязок данных. Однако вы можете написать директиву, которая сделает это за вас:

app.directive('value', function () {
  return {
    restrict: 'A',
    require: '?ngModel',
    link: function postLink(scope, element, attrs, ngModel) {
      if (!ngModel)
        return;

      var val = attrs.value || element.val() || element.text();
      ngModel.$setViewValue(val);
      ngModel.$render();
    }
  };
});

Это гарантирует, что всякий раз, когда атрибут value появляется вместе с ng-model, он будет использоваться для инициализации привязок. См. Этот Plunker для демонстрации.

Однако учтите, что это не рекомендуемый способ передачи данных в Angular из бэкэнд. Как правило, лучше написать конечную точку API JSON и загрузить данные на стороне клиента с помощью $http или $resource.