角度4 |スパン要素にアクセスして番号を割り当てる方法

Question

スパン要素にアクセスして番号を割り当てるにはどうすればよいですか？

<div class="container"> 
    <span>one</span> 
    <span>two</span> 
    <span>tree</span> 
    <span>four</span> 
    <span>five</span> 
</div> 

、結果はこの

one | 1 
two | 2 
three| 3 
four | 4 
five | 5 

ようにする必要があり、私は何かの@ViewChildrenとローカル参照を見つけたが、私はspan要素にアクセスするとき、私はそれだけの長さを取得します。どのように私はスパンにアクセスし、それに番号を割り当てることができますか？

Answer 1

あなたが達成しようとしていることはわかりませんが、あなたはそれを行うことができます。この方法：

テンプレート：

<div #container class="container"> 
    <span>one</span> 
    <span>two</span> 
    <span>tree</span> 
    <span>four</span> 
    <span>five</span> 
</div> 

はコンポーネント：あなたが「*割り当てとはどういう意味ですか

interface Item { 
    text: string; 
    maybeMoreProperties?: number; 
} 

@Component({ 
    template: `<div class="container"> 
<span *ngFor="let item of items, let i = index">{{item.text}} {{i + 1}}</span> 
</div>` 
}) 
export class SomeComponent implements OnInit { 
    public items: Array<Item> = []; 

    constructor(someService: SomeService) { 
    // let's say SomeService.getItems() returns array of {text: 'something'} 
    this.items = someService.getItems(); 
}