Как открыть большие данные с помощью ng-href или ng-click в новом окне в AngularJS

Question

Может кто-нибудь помочь мне поместить значение DATA в новое окно.

Я хочу сделать td ячейку с именем DATA в качестве гиперссылки. Если я нажму на DATA, он должен открыть новое окно, чтобы показать значение.

Demo

JSON данных

{ 
    "58231e66982cf7857fee2cb5": { 
    "_id": { 
     "$id": "58231e66982cf7857fee2cb5" 
    }, 
    "RECEIVETIME": { 
     "sec": 1478696550, 
     "usec": 529000 
    }, 
    "OPERATION": "Operation 1", 
    "DATA" : "kdsjfkdjfkdjfkjdjfjdsfjdsilkjdkfljdsklfjkdlsjfkldsjflkdsjf", 
    "ACCOUNTNUMBER": "account", 
    "STATUS": "SUCCESS", 
    "MESSAGELOGCREATIONDATE": { 
     "sec": 1478696550, 
     "usec": 537000 
    } 
    }, 
    "58231e681b58b970137b56aa": { 
    "_id": { 
     "$id": "58231e681b58b970137b56aa" 
    }, 
    "RECEIVETIME": { 
     "sec": 1478696552, 
     "usec": 961000 
    }, 
    "OPERATION": "Operation 2", 
    "DATA" : "dfdfdfkoooooooooooookdkfdkfodkfldkffdfd", 
    "ACCOUNTNUMBER": "account", 
    "STATUS": "FAIL", 
    "MESSAGELOGCREATIONDATE": { 
     "sec": 1478696552, 
     "usec": 961000 
    } 
    } 
} 

В настоящее время я использую {{list.DATA}} показать данные в ячейке, но я хочу создать гиперссылку и один раз пользователь нажимает на эту ссылку, необходимо открыть новое окно для отображения данных. Поскольку значение DATA составляет около 1000 строк. Может кто-то помочь мне в этом.

И Есть ли способ я могу расшифровать значение данных в кодировке UTF-8, как значение данных кодируется в UTF-8

Спасибо заранее.

<tr class="features" ng-repeat="list in opMessageLogs"> 
<td>{{list._id.$id}}</td> 
<td>{{list.OPERATION}}</td> 
<td>{{list.STATUS}}</td> 
<td>{{list.DATA}}</td> 
</tr> 

Answer 1

Для новой вкладки, необходимо создать ссылку, но есть ограничение на ссылку (URL) длина 2000 символов Link here

, что вы можете сделать, это создать новый маршрут в угловом, что возьмет параметр _id, а затем вы сможете получить данные по телефону http или от service.

И для декодирования/кодирование UTF-8

function encode_utf8(s) { 
    return unescape(encodeURIComponent(s)); 
} 

function decode_utf8(s) { 
    return decodeURIComponent(escape(s)); 
} 

Надеется, что это помогает ..

Answer 2

Для достижения этой цели, вам нужно сделать следующие шаги:

1. Создать состояние с параметр, то есть

   $ stateProvider.state ('openTab', { 'url': '/ link /: id ', ' templateUrl ':' abc.html ' });

2. Используйте его таким образом в html.

   <td> <a ui-sref="openTab({'id': list.DATA})" target="_blank">Click Here</a></td>