我正在使用Angularjs创建问答游戏,共有三种布局。一种用于介绍,问题和奖励问题。我试图创建它而不更改url或历史记录,因为不允许用户返回并更改其答案。这是可能的还是我应该尝试在同一路线,控制器和视图中执行此操作,以显示隐藏的布局。
还是有更好的方法来做到这一点。
提前致谢。
您可以使用ngInclude
(https://docs.angularjs.org/api/ng/directive/ngInclude)根据测验进度更改模板,请在此处查看示例演示http://plnkr.co/edit/jq63ULx2ZrRC9rbJJzOY?p=preview
<body ng-controller="MainCtrl">
<a href="" ng-click="next()">Next Question</a>
<hr/>
<div ng-include="template"></div>
</body>
JS:
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.q = 1;
$scope.template = "view1.html";
$scope.next = function() {
if ($scope.q < 4) {
$scope.q++;
$scope.template = "view" + $scope.q + ".html";
}
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句