How to Make Loop in Angular JS

Question

I am new to angular Js How can I loop same ng-model?

I get that example on w3schools

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div data-ng-app="" data-ng-init="price=5">

<h2>Cost Calculator</h2>


Price: <input type="number" ng-model="price">
        <input type="number" ng-model="price">

<p><b>Total in dollar:</b> {{price+price}}</p>

</div>

</body>
</html>

Manoj Bhardwaj · Accepted Answer · 2018-02-14 03:55:07Z

1

Use ngRepeat to Make Loop in Angular JS

   $scope.modelsdata = [{name:'Sam'},{name:'Harry'},{name:'Sally'}] in javascript

Or you can use ng-init in html if you dont' want to use $scope.modelsdata

<div ng-repeat="model in modelsdata ">
    Value: {{model.name}}
    <input ng-model="model.name">                         
</div>

edited Feb 14, 2018 at 3:55

answered Feb 14, 2018 at 3:45

Manoj Bhardwaj

8681 gold badge10 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

How to Make Loop in Angular JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related