如何使用动态生成的元素

Question

（编辑：我发现这个问题可能与html没什么关系，并且在一个新的希望更有用的问题 Angular routing appears to be preventing scrolling ）

我有一个带有动态生成元素的angularjs应用程序，我无法弄清楚如何/在哪里实现滚动。

我尝试过以下问题的解决方案：Add scroll to a table

但一直无法得到任何工作。我对前端很新，所以我可能会遗漏一些超级基本的东西。提前谢谢。

<div class="container">
<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="menu-tab" data-toggle="tab" href="#menu" role="tab" aria-controls="menu" aria-selected="false">Menu</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="scheme-tab" data-toggle="tab" href="#scheme" role="tab" aria-controls="scheme" aria-selected="false">Scheme</a>
    </li>
</ul>
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">home tab</div>
    <div class="tab-pane fade" id="menu" role="tabpanel" aria-labelledby="menu-tab">
        <div class="input-group mb-3">
            <ul>
                <div class="input-group-prepend">
                    <button class="btn btn-outline-secondary" id="addItem" type="button">Add Item to Menu</button>
                </div>
                <input type="text" class="form-control" id="addItemInput" placeholder="Enter New Item Here" aria-label="" aria-describedby="basic-addon1">
                <ul id="dynamic-list">
                    <li *ngFor="let i = index; let food of foods">
                        {{i + 1}}:{{food}}
                        <app-sizehtml [number] = i ></app-sizehtml>
                    </li>
                </ul>
            </ul>
        </div>
    </div>
    <div class="tab-pane fade" id="scheme" role="tabpanel" aria-labelledby="scheme-tab">What?</div>
</div>