AngularJS - Show the array values on front end

Question

I'm pushing values to an array that came from a select box to accomplish that, I'm doing this:

$scope.selectedValues = [{

}]

$scope.print = function() {
  $scope.selectedValues.push($scope.model);
}

<div>{{selectedValues}}</div>

What I see in my front end is the array whit the values [{},"01","02"] and not the values only.
I need to present only the values.

Seth Flowers · Accepted Answer · 2018-11-19 14:44:42Z

4

Javascript

$scope.selectedValues = [];

$scope.print = function() {
  $scope.selectedValues.push($scope.model);
};

Markup

<div>
  <span ng-repeat="value in selectedValues">{{value}}</span>
</div>

answered Nov 19, 2018 at 14:34

Seth Flowers

9,2302 gold badges34 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sameer · Accepted Answer · 2018-11-19 14:37:18Z

1

Problem is that you have pushing empty object into selectedValues {}. array should be declared like this

$scope.selectedValues = [];

answered Nov 19, 2018 at 14:37

Sameer

5194 silver badges17 bronze badges

Sammer , Thank you.