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

时间:2016-05-12 13:54:41

标签: angularjs

我有一个广播组,其中包含"是/否"的实施例。选择"是"出现带有文字的容器。我想要滚动到新容器。

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;
    }

1 个答案:

答案 0 :(得分:0)

确保您已将$ location和$ anchorScroll注入您的控制器,然后在您的函数中使用以下内容:

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

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