Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在AngularJS教程中,仅选择一个实例,或数组中的第一个实例_Angularjs_Angularjs Scope - Fatal编程技术网

在AngularJS教程中,仅选择一个实例,或数组中的第一个实例

在AngularJS教程中,仅选择一个实例,或数组中的第一个实例,angularjs,angularjs-scope,Angularjs,Angularjs Scope,我只想选择角度数组的第一个实例,而不是使用ng repeat。我在想类似ng实例或ng specificinstance的东西,但它们并不存在。另外,我应该如何定义javascript变量,以及在html中引用它的标准是什么:“phoneinfos”或“phoneinfo”,如果它只有一个实体。还有,所有的东西都应该有很多东西,它应该总是以s结尾吗 当前HTML: <div id="searchtab-1" style="height:1.5em;" ng-controller="Phon

我只想选择角度数组的第一个实例,而不是使用ng repeat。我在想类似ng实例或ng specificinstance的东西,但它们并不存在。另外,我应该如何定义javascript变量,以及在html中引用它的标准是什么:“phoneinfos”或“phoneinfo”,如果它只有一个实体。还有,所有的东西都应该有很多东西,它应该总是以s结尾吗

当前HTML:

<div id="searchtab-1" style="height:1.5em;" ng-controller="PhoneListCtrl">
   <label ng-repeat="phoneinfo in phoneinfos">{{phoneinfo.count}}</label>
</div>
<div id="searchtab-1" style="height:1.5em;" ng-controller="PhoneListCtrl">
   <label ng-instance="phoneinfo">{{phoneinfo.count}}</label>
</div>   
那么:

<div id="searchtab-1" style="height:1.5em;" ng-controller="PhoneListCtrl">
     <label>{{phoneinfo.count}}</label>
</div>
如果您确实需要数据保持原样,您也可以这样做(但在我看来它不是很漂亮):


{{phoneinfos[0].count}

至于以s结尾的名字,我发现这是一个很好的做法,因为你可以在items中写入
项,它也表示它是一个数组,但这是个人品味的问题。

当你说第一个实例时,你的phoneInfo?表示第一个对象的“计数”属性?Thx。为什么我必须拆下角括号?[]我建议阅读一些Javascript教程,了解其中的区别。基本上,您创建了一个包含两个对象(键->值对)的数组(列表)。列表中的第一项具有键“count”,另一项具有键“type”。除非您实际处理多个项目,否则不建议使用列表。
<div id="searchtab-1" style="height:1.5em;" ng-controller="PhoneListCtrl">
     <label>{{phoneinfo.count}}</label>
</div>
$scope.phoneinfo = {
    count: '555',
    type: 'mobile'
};
<div id="searchtab-1" style="height:1.5em;" ng-controller="PhoneListCtrl">
    <label>{{phoneinfos[0].count}}</label>
</div>