3
<div ng-controller="TestController">
    <div class="col-md-6 col-md-offset-2">
        <table class="table table-bordered">
            <tr ng-repeat="column in columns track by $index" >
                <td>{{ column }}</td>

                <td><input type="text"  ng-model="size[$index]" class="form-control"/></td>
            </tr>
        </table>
    </div>
    <div ng-repeat="column in columns track by $index">
        -> <span ng-bind="size[$index]"></span> <br/>
    </div>
</div>

Javascript:

var app = angular.module('app',[]);
app.controller('TestController',function($scope, $http){
     $scope.columns = ['nome1','nome2','nome3'];
});       

Eu gostaria de fazer o bind das informações enquanto eu digitava no input de texto (sempre fazendo referencia ao campo que digitei ao span que mostrará as informações), porém não deu pela forma que fiz.

1 Resposta 1

5

Você precisa inicializar a variável size no seu controller já que só irá manipular itens dentro dela:

$scope.size = [];

var app = angular.module('app', []);
app.controller('TestController', function($scope, $http) {
  $scope.columns = ['nome1', 'nome2', 'nome3'];
  $scope.size = [];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div ng-app="app">
  <div ng-controller="TestController">
    <div class="col-md-6 col-md-offset-2">
      <table class="table table-bordered">
        <tr ng-repeat="column in columns track by $index">
          <td>{{ column }}</td>

          <td>
            <input type="text" ng-model="size[$index]" class="form-control" />
          </td>
        </tr>
      </table>
    </div>
    <div ng-repeat="column in columns track by $index">
      -> <span ng-bind="size[$index]"></span> 
      <br/>
    </div>
  </div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .