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

how to get a value from a list in angularjs inside controller

本文关键字：列表 获取 控制器 内部 angularjs      更新时间：2023-09-26

我是angularjs的新手，并使用onsenui做了一个列表演示，我成功了，但现在我想在点击时获得与特定列表项相关的值，列表中有单选按钮项，我已经尝试过了，但它只给了我第一个值。有人能帮我拿一下吗?请 

<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"
    }
   ]

选择的值应该存储在另一个变量

$scope.selectedValue = null;

然后绑定每个radio来更新这个模型。

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