Skip to main content
Aviso eliminado Premiar una respuesta existente por Paul Vargas
Recompensa finalizada con Pedro Miguel Pimienta Morales's answer elegida por Paul Vargas
Aviso añadido Premiar una respuesta existente por Paul Vargas
Recompensa iniciada por un valor de 500 de reputación por Paul Vargas
título editado
Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96

¿Cómo obtener el width de un ng-repeat?

se añadieron 9 caracteres en el cuerpo
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96

Intento obtener el ancho de un div pero siempre sale el mismo valor, hice un ejemplo para ng-repeat obtengo el mismo valor, ¿qué estoy haciendo mal?

cada que incremento por cada repeat se supone que aumente el ancho como se hace eso?

ojo sin jquery solo js puro

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [{
    id: 1,
    name: "maria"
  }, {
    id: 2,
    name: "juan"
  }]
});

var s = document.getElementById('new');
console.log(s.offsetWidth );

   
#new {
  width: 30px;
  floatdisplay: left;inline-block
}

#dox {
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <div id="new" ng-repeat="x in records">
      <div>{{x.id}}.- {{x.name}}</div>
    </div>
  </div>
</div>

El width de ng-repeat debería ir aumentando por cada repeat que haga o no?

aqui un grafico:

introducir la descripción de la imagen aquí

Intento obtener el ancho de un div pero siempre sale el mismo valor, hice un ejemplo para ng-repeat obtengo el mismo valor, ¿qué estoy haciendo mal?

cada que incremento por cada repeat se supone que aumente el ancho como se hace eso?

ojo sin jquery solo js puro

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [{
    id: 1,
    name: "maria"
  }, {
    id: 2,
    name: "juan"
  }]
});

var s = document.getElementById('new');
console.log(s.offsetWidth );

   
#new {
  width: 30px;
  float: left;
}

#dox {
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <div id="new" ng-repeat="x in records">
      <div>{{x.id}}.- {{x.name}}</div>
    </div>
  </div>
</div>

El width de ng-repeat debería ir aumentando por cada repeat que haga o no?

aqui un grafico:

introducir la descripción de la imagen aquí

Intento obtener el ancho de un div pero siempre sale el mismo valor, hice un ejemplo para ng-repeat obtengo el mismo valor, ¿qué estoy haciendo mal?

cada que incremento por cada repeat se supone que aumente el ancho como se hace eso?

ojo sin jquery solo js puro

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [{
    id: 1,
    name: "maria"
  }, {
    id: 2,
    name: "juan"
  }]
});

var s = document.getElementById('new');
console.log(s.offsetWidth );

   
#new {
  width: 30px;
  display: inline-block
}

#dox {
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <div id="new" ng-repeat="x in records">
      <div>{{x.id}}.- {{x.name}}</div>
    </div>
  </div>
</div>

El width de ng-repeat debería ir aumentando por cada repeat que haga o no?

aqui un grafico:

introducir la descripción de la imagen aquí

se añadieron 20 caracteres en el cuerpo
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96

Intento obtener el ancho de un div pero siempre sale el mismo valor, hice un ejemplo para ng-repeat obtengo el mismo valor, ¿qué estoy haciendo mal?

cada que incremento por cada repeat se supone que aumente el ancho como se hace eso?

ojo sin jquery solo js puro

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [{
    id: 1,
    name: "maria"
  }, {
    id: 2,
    name: "juan"
  }]
});

var s = document.getElementById('new');
console.log(s.offsetWidth );

   
#new {
  width: 30px;
  float: left;
}

#dox {
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <div id="new" ng-repeat="x in records">
      <div>{{x.id}}.- {{x.name}}</div>
    </div>
  </div>
</div>

El width de ng-repeat debería ir aumentando por cada repeat que haga o no?

aqui un grafico:

introducir la descripción de la imagen aquí

Intento obtener el ancho de un div pero siempre sale el mismo valor, hice un ejemplo para ng-repeat obtengo el mismo valor, ¿qué estoy haciendo mal?

cada que incremento por cada repeat se supone que aumente el ancho como se hace eso?

ojo sin jquery solo js puro

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [{
    id: 1,
    name: "maria"
  }, {
    id: 2,
    name: "juan"
  }]
});

var s = document.getElementById('new');
console.log(s.offsetWidth );

   
#new {
  width: 30px;
}

#dox {
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <div id="new" ng-repeat="x in records">
      <div>{{x.id}}.- {{x.name}}</div>
    </div>
  </div>
</div>

El width de ng-repeat debería ir aumentando por cada repeat que haga o no?

aqui un grafico:

introducir la descripción de la imagen aquí

Intento obtener el ancho de un div pero siempre sale el mismo valor, hice un ejemplo para ng-repeat obtengo el mismo valor, ¿qué estoy haciendo mal?

cada que incremento por cada repeat se supone que aumente el ancho como se hace eso?

ojo sin jquery solo js puro

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [{
    id: 1,
    name: "maria"
  }, {
    id: 2,
    name: "juan"
  }]
});

var s = document.getElementById('new');
console.log(s.offsetWidth );

   
#new {
  width: 30px;
  float: left;
}

#dox {
  width: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <div id="new" ng-repeat="x in records">
      <div>{{x.id}}.- {{x.name}}</div>
    </div>
  </div>
</div>

El width de ng-repeat debería ir aumentando por cada repeat que haga o no?

aqui un grafico:

introducir la descripción de la imagen aquí

se añadieron 128 caracteres en el cuerpo
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96
Loading
se añadieron 88 caracteres en el cuerpo
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96
Loading
cuerpo editado; título editado
Origen Enlace
Phi
  • 10.2k
  • 5
  • 28
  • 48
Loading
título editado
Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96
Loading
se eliminaron 123 caracteres en el cuerpo
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96
Loading
se añadieron 247 caracteres en el cuerpo
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96
Loading
título editado
Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257
Loading
Origen Enlace
hubman
  • 2.7k
  • 13
  • 44
  • 96
Loading