Javascript Angularjs使用一次ng repeat中的值_Javascript_Angularjs

Javascript Angularjs使用一次ng repeat中的值

javascript angularjs

Javascript Angularjs使用一次ng repeat中的值,javascript,angularjs,Javascript,Angularjs,我有以下几点重复 <div ng-repeat="page in pages"> <input type="text" ng-model="page.name" </div> 基本上，这将为同一名称多次显示page.name。问题是返回的数据在集合中，所以我不能只使用name属性。你能告诉我怎么才能只显示一次page.name吗我仍然认为最好将这些数据放到它自己的属性中，但这里有一个懒惰的方法来实现这个目标： HTML Plunkr:如果在返回某些数据时只需要

我有以下几点重复

<div ng-repeat="page in pages">
<input type="text" ng-model="page.name"
</div>

基本上，这将为同一名称多次显示page.name。问题是返回的数据在集合中，所以我不能只使用name属性。

你能告诉我怎么才能只显示一次page.name吗

我仍然认为最好将这些数据放到它自己的属性中，但这里有一个懒惰的方法来实现这个目标：

HTML

Plunkr:

如果在返回某些数据时只需要数组中的第一个元素，则只需将该数据段提取出来，并将其放在可访问的作用域上的另一个属性中。Ng repeat用于为数组中的每个元素重复DOM的一部分的用例。

<!DOCTYPE html>
<html>
  <head>
    <script data-require="angular.js@*" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular.js"></script>
    <script src="script.js"></script>
  </head>
  <body ng-app="myApp" ng-controller="MyCtrl">
    <input type="text" ng-model="pages[0].name"/>
  </body>
</html>

// Code goes here

angular.module("myApp", []).controller("MyCtrl", function($scope){
  $scope.pages = [{name:"Page1"},{name:"Page2"}];
})