Использовать текстовое поле внутри ng-repeat angularjs - PullRequest
Новая
       1

Использовать текстовое поле внутри ng-repeat angularjs

0 голосов
/ 24 мая 2018

у меня есть этот код в angularjs: 

<div ng-repeat="item in benchmarGeographyObj">

            <div style="padding-right: 60px;float:left;">
                <input readonly style="width: 100%;" type="text" id="unik"  ng-value="item.BEN_BENCHMARK_GEOGRAPHY" />

            </div>
  </div>

Проблема, когда я пытаюсь добавить ng-модель во входной текст, значение ng-value исчезло, как я могу решить эту проблемупожалуйста?

Ответы [ 2 ]

0 голосов
/ 24 мая 2018 

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.benchmarGeographyObj = [{'BEN_BENCHMARK_GEOGRAPHY': 1},{'BEN_BENCHMARK_GEOGRAPHY': 2}];
});
<!DOCTYPE html>
<html ng-app="plunker">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.3.x" src="//code.angularjs.org/1.3.1/angular.js" data-semver="1.3.1"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <div ng-repeat="item in benchmarGeographyObj">

            <div style="padding-right: 60px;float:left;">
                <input readonly style="width: 100%;" type="text" id="unik"  ng-model="item.BEN_BENCHMARK_GEOGRAPHY" />

            </div>
  </div>
</body>

</html>
0 голосов
/ 24 мая 2018

Из ссылки ngValue:

Он также может быть использован для достижения односторонней привязки данного выражения к элементу ввода, такому как input [text] или textarea, когда этот элементне использует ngModel.

https://docs.angularjs.org/api/ng/directive/ngValue

Это означает, что вы должны использовать либо ngModel, либо ngValue, но не оба.Они конфликтуют.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...