Angularjs $ state mở liên kết trong tab mới

Tôi đang cố gắng triển khai chức năng "mở liên kết trong tab mới" bằng cách sử dụng hàm $ state.go. Sẽ thật tuyệt vời nếu có những thứ như:

$state.go('routeHere', {
    parameter1 : "parameter"
    }, {
    reload : true,
    newtab : true // or smth like target : "_blank"
});

Có cách nào để làm điều đó bằng cách sử dụng AngularJS không?

Cập nhật: OK, tôi vừa giải quyết nó bằng cách sử dụng mã sau:

var url = $state.href('myroute', {parameter: "parameter"});
window.open(url,'_blank');

Tôi vừa thử cái này - rõ ràng là đang thêm target="_blank"các tác phẩm với ui-sref:

<a ui-sref="routeHere" target="_blank">A Link</a>

Giải quyết rắc rối khi thêm mã vào bộ điều khiển của bạn và cung cấp cho bạn URL khi di chuột như với bất kỳ liên kết thông thường nào. Win-win!

Tôi đã gặp sự cố tương tự, hãy thử điều này nếu không có gì từ các câu trả lời trước đó phù hợp với bạn.

var url = '#' + $state.href('preview');
window.open(url,'_blank');

Vì vậy, về cơ bản khi làm việc trong localhost, mà không cần bổ sung, '#'nó chỉ chuyển hướng đến

localhost / xem trước

, thay vì

localhost / Project_Name / # / preview

Tôi không nói ở đây về việc chuyển dữ liệu, chỉ để mở $ state trong tab mới.

Nó có thể không hoạt động trên localhost trong trường hợp ứng dụng của bạn nằm trong một thư mục con. Trên thực tế, tôi đã có cùng một vấn đề.

Tôi đã thử trực tuyến và nó hoạt động như mong đợi bằng cách sử dụng:

<a ui-sref="routeHere" target="_blank">Link</a>

Câu trả lời tốt nhất mà tôi tìm thấy, là mở rộng ui.router, vì tính năng này, không tồn tại được tích hợp sẵn. Bạn có thể tìm thấy chi tiết đầy đủ ở đây:

Mở rộng $ state.go của Angular 1.x ui-router

Tuy nhiên, đây là lời giải thích ngắn gọn của tôi về những gì cần phải làm, thêm tệp này vào tệp app.js hoặc app init dạng góc:

angular.module("AppName").config(['$provide', function ($provide) {
    $provide.decorator('$state', ['$delegate', '$window',
        function ($delegate, $window) {
            var extended = {
                goNewTab: function (stateName, params) {
                    $window.open(
                        $delegate.href(stateName, params, { absolute: true }), '_blank');
                }
            };
            angular.extend($delegate, extended);
            return $delegate;
        }]);
}]);

Trong mã của bạn

Bạn sẽ có thể làm:

$state.goNewTab('routeHere', { parameter1 : "parameter"});

ui-sref="routeHere" href=""target="_blank"

mã này đã giải quyết vấn đề của tôi.

sử dụng điều này trong một thẻ liên kết.

Thử đi!

<a ui-sref="routeHere({parameter: vm.parameter})" target="_blank"></a>