如何在AngularJS的新窗口中使用ng href或ng click打开大数据

有人能帮我把数据值放到新窗口吗

我想让td单元的数据名为超链接。如果单击该数据，它将打开新窗口以显示该值

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}

显示单元格中的数据，但我希望创建超链接，一旦用户单击该链接，它将打开新窗口以显示数据。因为我的数据值大约是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>

{{list._id.$id}}
{{list.OPERATION}
{{list.STATUS}
{{list.DATA}

对于新选项卡，您需要创建链接，但链接（url）长度有2000个字符的限制

您可以做的是在angular中创建一个新路由，该路由将采用param

\u id

，然后您可以通过

http

调用或从

服务

获取数据

和用于解码/编码utf-8

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

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

---

希望这对您有所帮助。

对于新选项卡，您需要创建链接，但链接（url）长度有2000个字符的限制

您可以做的是在angular中创建一个新路由，该路由将采用param

\u id

，然后您可以通过

http

调用或从

服务

获取数据

和用于解码/编码utf-8

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

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

---

希望这有帮助。

要实现这一点，您需要执行以下步骤：

使用参数创建状态，即

$stateProvider.state（'openTab'{ “url'：'/link/：id'， “templateUrl”：“abc.html” });

在html中这样使用它

单击此处

---

要实现这一点，您需要执行以下步骤：

使用参数创建状态，即

$stateProvider.state（'openTab'{ “url'：'/link/：id'， “templateUrl”：“abc.html” });

在html中这样使用它

单击此处

---

我想在单元格中创建超链接，而不是在单元格中显示

{{list.DATA}

，当用户单击该单元格时，只有它才能打开带有数据值的新窗口。我是Angular JS的新手，请您指导我实现路由和服务。对于路由，您是否使用ui路由器？为此，您可以使用这个简单的教程，到目前为止，我还没有使用过

ui路由器

。是否可以根据我的要求实现ui路由器，或者

ng click

或

ng href

应该工作而不是在单元格中显示

{{list.DATA}

，我想在单元格中创建超链接，当用户单击该单元格时，只有它才能打开带有数据值的新窗口。我是Angular JS的新手，请您指导我实现路由和服务。对于路由，您是否使用ui路由器？为此，您可以使用这个简单的教程，到目前为止，我还没有使用过

ui路由器

。根据我的要求实施ui路由器可行吗？或者

ng click

或者

ng href

应该workure@Manish我会尝试让你知道..它肯定会奏效：）Manish我对Angular JS不是很陌生，你能帮我修改

app.js

使其在演示中发挥作用吗？当然@Manish我会尝试让你知道。它肯定会发挥作用：）Manish我对Angular js不是很陌生，你能帮我修改

app.js

使其在演示中发挥作用吗