如何在按钮单击上加载页面

时间:2014-12-27 05:31:46

标签: angularjs angular-routing angular-ui-grid

我有一个非常简单的问题,我在uigrid的每一行都有一个按钮,我知道在按钮点击我们能够调用一个函数,在调用一些函数后我想从函数中加载一些页面。这是ui-grid

的每一行上的按钮代码
$scope.gridOptions.columnDefs=[
{name: 'DETAILS', displayName: 'DETAILS',enableFiltering: false, cellTemplate:
'<button id="editBtn" type="button" class="btn-small" 
ng-click="getExternalScopes().edit(row.entity)" >SHOW DETAILS</button>'} ],
`

这是我在点击按钮时调用的功能

$scope.myScope = {
 edit: function( row) {
  var sales_id=row.sales_id;
  alert("sales id is"+sales_id);
  //from here i want to load html page
 }` 

我想在一些工厂中保存传递的参数然后加载一些页面,以便我能够访问该参数供以后使用

2 个答案:

答案 0 :(得分:1)

很简单。你可以制作这样的方法。

$scope.loadPageMethod = function () {
$location.path('/your path');
or, window.location.url('path')
     }

答案 1 :(得分:1)

在您的应用程序中使用ng-routes,并将您要加载的页面的URL作为templateUrl。然后添加$ location.path('/ path');在你正在打电话的功能中。