Javascript 显示角度范围中数组值的单选按钮数据

我有网络服务电话。我从

webservice

得到如下回复：

var SSOUserResponse = [
                  {
                      "UserName": "se",
                      "FirstAndLastName": "Sam ",
                      "EmailAddress": "segfgf@x.net"
                  },
                  {
                      "UserName": "se2",
                      "FirstAndLastName": "Joe ", //
                      "EmailAddress": "se266@gmail.com" //
                  }
                ];

或

ssourresponse

array

length

还可以告诉我更多信息

$scope.launchArray = [];

我想在我的模板中显示这些数据

我在做什么：

if (SSOUserResponse.length > 1) {
                    var launchArrayVal = [];
                    for (var i = 0; i < SSOUserResponse.length;i++){
                        launchArrayVal.push(
                          { name: SSOUserResponse[i].UserName, email: SSOUserResponse[i].EmailAddress }
                        );
                        $scope.launchArray = launchArrayVal;
                    }
}

if（ssooserresponse.length>1）{
var launchArrayVal=[]；
for（var i=0；i

我有一个模板：

<div class="modal-body">
                <div>Please select an one data</div>
                <div>
                    <input type="radio" ng-model="launchArray" name="group1" value="{{launchArray.name}}">
                </div>
            </div>

请选择一个数据集

我想显示带有用户名和电子邮件的单选按钮。。 我也试着重复。它不起作用

---

你能告诉我我做错了什么或者我能做什么吗？

你想每个结果显示一个单选按钮，对吗

此时您将使用ng repeat。你使用ng repeat时没有提到问题所在

目前，在模板中，您正在执行

{{{launchArray.name}}

，这将不起作用，因为launchArray是一个数组。。。它没有

名称

属性

使用ng repeat，在

launchArray

中循环每个项目，并每次渲染一个单选按钮：

<div class="modal-body">
                <div>Please select an one data</div>
                <div ng-repeat="item in launchArray">
                    <input type="radio" name="group1" value="{{item.name}}">
                    <span>{{item.name}} ({{item.email}})</span>
                </div>
            </div>

请选择一个数据集
{{item.name}}（{{item.email}}）

结帐

请选择一个数据集
名称：{{item.Name}
电子邮件：{{item.Email}








选定值：：{Selected.Value}
变量SSOUserResponse=[
{
“用户名”：“se”，
“FirstAndLastName”：“Sam”，
“电子邮件地址”：”segfgf@x.net"
},
{
“用户名”：“se2”，
“FirstAndLastName”：“Joe”//
“电子邮件地址”：”se266@gmail.com" //
}
];
如果（SSOUserResponse.length>1）{
var launchArrayVal=[]；
for（var i=0；i

谢谢您的解决方案+1.你能告诉我哪里做错了吗？为了我的学习，还有一件事。。我要。。console:：XMLHttpRequest中的此错误无法加载javascript:void（0）；。跨源请求仅支持协议方案：http、data、chrome、chrome extension、https、chrome-extension-resource。抱歉，ng repeat正在工作，但我只是没有正确显示内容。用更改编辑@达瓦伦岑格的解决方案更加完整。

<div class="modal-body">
        <div>Please select an one data</div>
        <div ng-repeat = 'item in launchArray'>
            <input type="radio" ng-model="selected.value" name="group" ng-value="item.name">
            <div> Name : {{item.name}}</div>
            <div> Email : {{item.email}}</div>
        </div>
    </div>
    <br>
    <br>
    <br>
    <br>
    <div >
      <b>Selected Value :: </b>{{selected.value}}
    </div>



  var SSOUserResponse = [
                  {
                      "UserName": "se",
                      "FirstAndLastName": "Sam ",
                      "EmailAddress": "segfgf@x.net"
                  },
                  {
                      "UserName": "se2",
                      "FirstAndLastName": "Joe ", //
                      "EmailAddress": "se266@gmail.com" //
                  }
                ];

  if (SSOUserResponse.length > 1) {
      var launchArrayVal = [];
      for (var i = 0; i < SSOUserResponse.length;i++){
          launchArrayVal.push(
            { name: SSOUserResponse[i].UserName, email: SSOUserResponse[i].EmailAddress }
          );
      }

    $scope.launchArray = launchArrayVal;
    $scope.selected = {value: null};
  }