如何在 Angular JS 中创建循环

Question

我是 angular Js 的新手如何循环相同的 ng-model？

我在 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>

Answer 1

使用 ngRepeat 在 Angular JS 中进行循环

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

或者如果你不想使用 $scope.modelsdata，你可以在 html 中使用 ng-init

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

如何在 Angular JS 中创建循环

How to Make Loop in Angular JS

angularjs

angularjs-ng-repeat