Question

我有一个场景，其中有一个表单，它有一个取消按钮和一个保存按钮。如果您点击取消，它应该返回上一页，如下所示：

<a href="#/study">
<button type="button" class="btn btn-default"
        data-dismiss="modal" ng-click="clear()">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancel
</button>
</a>

我正在使用简单的锚标签来实现这一目标。现在填写表单并点击保存按钮时，它应该调用控制器上定义的create（）方法，从表单输入创建我想要的对象，然后返回上一页

<a href="#/study">
<button type="submit" ng-click="go('#/study')" ng-       
        disabled="form.$invalid" class="btn btn-primary">
        <span class="glyphicon glyphicon-save"></span> Save
</button>
</a>

当然它会调用控制器上的create方法并保存表单输入，但不会返回上一页。我非常感谢任何正确方向的指示。

Answer 1

您可以使用$location服务及其path方法重定向到特定路径，或使用$window.history.back()移至最后一页。

app.controller('ctrl',function($scope, $location, $window){

    $scope.submit = function(){
        $http.post(...).success(function(){
            $location.path('/study');           
            //or            
            $window.history.back();
        });
    };

});

按钮：

<button type="submit" ng-click="submit()" ng-       
        disabled="form.$invalid" class="btn btn-primary">
        <span class="glyphicon glyphicon-save"></span> Save
</button>

提交并返回相同的按钮单击

1 个答案: