如何使用angularjs在新窗口中打开链接

Question

我正在使用 angularjs 和 codeigniter 开发系统。 我想做什么：

• 每个用户都有一个锚标签 [edit]（用户列表使用 ng-repeat 显示） 单击编辑我想打开新窗口。打开新窗口不是问题。我想将 user_id 传递给那个新寡妇。所以问题是：passing user_id。
• 当我转到新窗口时，在编辑更新完成后（编辑更新不是问题），我想刷新当前应用程序（以前的寡妇：从我切换的位置）。

希望你能解决我的问题。

示例代码：

<div ng-repeat="user in allUsers">
Only displaying : {{user.user_id}}, It is OK.
<a title="Edit in new window" href='javascript:window.open(\"".base_url()."phpcontroller/loadingview/user_id \",\"User Edit\", \"width=\"+screen.width+\",height=\"+screen.height+\",fullscreen=yes,location=no\");'  >Test edit</a>
</div>

• 这个 HTML/php 页面是通过 angularjs 加载的。所以它是部分的，这就是为什么我不能在这里使用 php 功能（例如 base_url()、php 变量）。我怎样才能部分给出基本路径。 有没有办法在 app.js 或 controllers.js 中全局声明 base url，以便我可以在局部使用它？

请尽量给出建议、解决方案。如果您没有清楚地了解我的问题，请发表评论。谢谢。

更新：问题不是 stackoverflow 上任何问题的完整副本。

Answer 1

如果你想以有角度的方式来做，你可以做这样的事情

angular.module('myApp', [])
    .controller('myController', ['$scope', '$window', function($scope,$window) {
  $scope.openWindow = function(greeting) {
    $window.open("http://www.google.com", "", "width=640, height=480");
  };
}]);

HTML 代码

<div ng-controller = "myController"> 
<a title="Edit in new window" ng-click="openWindow() >Test edit</a>
</div>

Answer 2

在 Angular js 中，您可以执行类似的操作，

 $scope.newWindow = function(value) {
    $window.open("http://your_url/routing_path/?key=value", "");
  };

其中 routing_path 将是您的路由 url，而 value 是您实际发送值的部分。

在你的脚本中你可以有喜欢

var myApp = angular.module('myApp', []);
myApp.run(function($rootScope, $location, $http, $timeout) {

 $rootScope.$on('$routeChangeStart', function(event, next) {

     if (next.originalPath === 'your_routing_url') {
        var value = next.params.key;
     }
    });
});

Answer 3

你也可以使用 Web Storage 对象，

        var myApp = angular.module('myApp', []);
    myApp.factory('anyService', function($http, $location) {

    return {
    set: function(key,value) {
        return localStorage.setItem(key,value);
    },
    get: function(key) {
        return localStorage.getItem(key);
    },
    destroy: function(key) {
        return localStorage.removeItem(key);
    }       
    };
    });

在任何地方注入服务并获取数据。