我有一个带有"是/否"实施例的无线电组。选择"是"后,显示带有文本的容器。我想碰巧滚动到新的容器。
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;
}
确保将$location和$anchorCroll注入控制器,然后在函数中使用以下内容:
$location.hash(id);
$anchorScroll();
其中id表示要滚动到的项目的id。请参阅:https://docs.angularjs.org/api/ng/service/$anchorScroll查看详细信息。