Question

我是angularjs的新手，并使用onsen ui做了一个列表的演示，我成功了，但是现在我想在点击时获得与特定listitem相关的价值，列表中有单选按钮的项目，我试过了但它只给了我第一个价值。任何人都可以帮助我得到它吗？请的 HTML

<ons-list-item modifier="tappable" ng-repeat="area in AreaList">
          <label class="checkbox checkbox--list-item" >
              <input type="radio" ng-bind="area.name"  ng-model="area.code" name="area" value="{{area.code}}">
            <div class="checkbox__checkmark checkbox--list-item__checkmark"></div>
            {{area.name}}
          </label>
        </ons-list-item>

JS

 $scope.AreaList = [];   
  //PARING FOR AREA
            if(data.Details[i] === "Area"){
                     for(var d=0;d<17;d++){

                         var area =data.Details[i+1][d]['varCityName'];
                         var code = data.Details[i+1][d]['intGlCode'];

                             $scope.AreaList.push({name:area, code:code});

                             area = '';
                             code = '';

                }


                console.log("===========AREA obj===========", areaobj);

   }

在console.long中打印的区域对象

[
    Object{
        name="Camana Bay",
        code="32"
    },
    Object{
        name="Breakers",
        code="1"
    },
    Object{
        name="Grand Cayman",
        code="2"
    },
    Object{
        name="Bodden Town",
        code="16"
    },
    Object{
        name="Cayman Brac",
        code="15"
    },
    Object{
        name="East End",
        code="20"
    },
    Object{
        name="George Town",
        code="21"
    },
    Object{
        name="George Town West",
        code="22"
    },
    Object{
        name="Little Cayman",
        code="23"
    }
   ]

Answer 1

所选值应存储在另一个变量

中

$scope.selectedValue = null;

然后绑定每个radio以更新此模型。

<div ng-repeat="x in todoList">
    <input type="radio" ng-model="selectedValue" name="area" value="{{x.name}}">
</div>

如何从控制器内的angularjs列表中获取值

1 个答案: