Question

<div id="search-component">
    <h4>Hero Search</h4>

    <input #search Box id="searchbox"  
    ( keyup )="search( searchBox.value)" />

    <ul class="search-result">
        <li *ng For="let hero of heroes$ | a sync" >
            <a router Link="/detail/{{hero.id}}">
                {{hero.name}}
            </a>
        </li>
    </ul>
</div>

此代码中$的含义是什么？
带有ngFor标签的$有什么用？

Answer 1

heroes$只是变量的名称。

当变量的类型为Observable时，在结尾处命名带有美元符号的变量只是一种约定。

Answer 2

它没有任何意义。它只是意味着<div class="select-wrapper"> <select> <optgroup class="swe-car" label="Swedish Cars"> <option value="swedish-cars">Swedish Cars</option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> </select> </div> $().ready(function(){ $('select').focus(function(){ $('select option').eq(0).hide(); }); });应该迭代可观察字段或名为*ngFor的getter发出的值

开发人员通常会使用heroes$返回带有$的可观察对象的字段或getter来表示。

export class HeroListComponent implements OnInit {
   heroes$: Observable<Hero[]>;

名称也可以是heroes。

什么是$ in（* ngFor =“让英雄的英雄$ | async”）

2 个答案: