angularjs点击按钮实现页面的跳转,对于click事件触发页面跳转,这样比用ui-uref好控制里面写业务操作。
之前一直用a标签的跳转,但是,现在遇到需要点击按钮然后提示信息后,在触发跳转页面,只能用这种方式。
1.angularjs部分
//定义一个模块
'use strict';
var app = angular.module('app', [
]);
//定义一个控制器
app.controller('addPersonnelCtrl', ['$http', '$location', function ($http, $location) {
var self = this;
self.jumpToUrl = function (path) {
$location.path(path);
};
}]);
2.html部分
<input ng-click="ctl.viewManagePersonnel()" type="button" value="查看信息" class="sp-btn-blue sp-radius" />
self.viewManagePersonnel = function () {
self.jumpToUrl('/app/admin/managePersonnel');
};
本文介绍如何使用AngularJS实现按钮点击后的页面跳转,并展示如何结合弹窗提示进行操作确认。通过定义控制器与服务,利用$location服务实现路径跳转。
5万+

被折叠的 条评论
为什么被折叠?



