Question

我正在尝试使用Angular从数组中提取特定标题。虽然我可以使用 ng-repeat 循环浏览所有标题并将这些标题打印到我的新闻列表网页，但我只想在我的数组中提取新闻详情页面的第一个标题。我是否需要使用ng-repeat或者我可以使用不同的东西吗？

我尝试使用数字：0以及json：0。

$scope.newsListings = [
    {
    title: "Why cooking is great";
    },
    {
    title: "Windsurfing is fun";
    }
];


<div ng-controller="primaryController">
    <article>
        <div ng-repeat="item in newsListings | json:0">
            <h1>{{item.title }}</h1>
            <p class="synopsis">{{item.synopsis}}</p>
        </div>
    <article>
</div>

Answer 1

如果您只想显示一个项目，可以省略ng-repeat部分，因为您只需要数组中的一个项目。你只需要使用索引。

<div ng-controller="primaryController">
    <article>
        <div>
            <h1>{{ newsListings[0].title }}</h1>
            <p class="synopsis">{{ newsListings[0].synopsis }}</p>
        </div>
    <article>
</div>

Answer 2

如果你还需要双向绑定（当然是输入），你实际上可以使用ng-model和数组的第一个元素。出于其他目的，您只能使用索引。

<div ng-controller="primaryController">
<article>
    <div>
       <input type="text" ng-model="newsListings[0].title" />
    </div>
    <div ng-bind="newsListings[0]">
        <h1>{{newsListings[0].title }}</h1>
        <p class="synopsis">{{newsListings[0].synopsis}}</p>
    </div>
<article>
</div>

如何使用Angular从数组中提取特定标题？

2 个答案: