使用Angularjs在按钮单击的另一个选项卡上打开html

时间:2017-09-05 00:30:34

标签: javascript angularjs angularjs-ng-click

我的AngularJS中有一个页面有一个编辑按钮,当我点击编辑按钮时,我需要在另一个标签页面上打开编辑页面。可以使用角度方式吗?我需要使用相同的控制器才能访问数据。我怎么可能这样做?有人可以给我一个样品吗?

1 个答案:

答案 0 :(得分:1)

这是打开标签的小提琴:

https://jsfiddle.net/e8g1m0xs/

即:

angular.module('new_tab', [])
  .controller('ExampleController', ['$scope', '$window', function($scope, $window) {
    $scope.openTab = function() {
      $window.open('https://www.google.com', '_blank');
    };
  }]);

<div ng-app="new_tab" ng-controller="ExampleController">
  <button ng-click="openTab()">New Tab</button>
</div>

但是为了对新选项卡使用相同的控制器,并执行类似传递信息的操作,您必须在角度路由器中实现通配符模式以传递状态信息。我通常使用UI路由器做这样的事情。请参阅标题为网址参数的部分。