Angular:滚动到ng-if之后的容器

Question

我有一个带有"是/否"实施例的无线电组。选择"是"后，显示带有文本的容器。我想碰巧滚动到新的容器。

html:

<li ng-repeat="q in vm.model.questions">
    <ng-form name="myForm">
        <md-radio-group ng-model="q.answer" layout="row" required class='radio_group'>
            <md-radio-button ng-value="true" aria-label="Yes">Yes</md-radio-button>
            <md-radio-button ng-value="false" aria-label="No">No</md-radio-button>
        </md-radio-group>
        <md-input-container flex ng-if="vm.blockRequired(q)">
            <label>{{'q.text'}}</label>
        </md-input-container>
    </ng-form>
</li>

控制器：

  function blockRequired(question) {
        return question.answer === true;
    }

Answer 1

确保将$location和$anchorCroll注入控制器，然后在函数中使用以下内容：

$location.hash(id);
$anchorScroll();

其中id表示要滚动到的项目的id。请参阅：https://docs.angularjs.org/api/ng/service/$anchorScroll查看详细信息。