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

Question

我正在尝试使用 Angular 从数组中提取特定标题。虽然我可以使用 ng-repeat 遍历所有标题并将它们打印到我的新闻列表网页，但我只想在新闻详细信息页面的数组中提取第一个标题。我需要使用 ng-repeat 还是可以使用其他东西？

我试过使用 number: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 部分，因为您只需要数组中的一项。你只需要使用 index.

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

Answer 2

如果您还需要 2 路绑定（当然对于输入），您实际上可以将 ng-model 与数组的第一个元素一起使用。对于其他目的，您可以只使用 index.

<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 从数组中提取特定标题？

How can I pull a specific title from an array using Angular?

javascript

angularjs

angularjs-directive

angularjs-controller