在ng-repeat生成的<ul>列表中使用ng-model

Question

我正在尝试<li>在我的每个中添加ng-model <ul>,所以我可以显示<li>我在列表中单击的标签.

<ul ng-repeat="prop in props" class={{prop.selected}} ng-click="setSelected(prop )" ng-model="selectedpropName">
    <li ng-cloak >{{prop.label}}</li>
</ul>
My Selected Property: {{selectedpropName}}

我知道这不是正确的方式和角度方式来做到这一点.什么是正确的方法？请帮忙

Answer 1

这样的事情对你有用:

function test($scope)
{
  $scope.setSelected = function(prop){$scope.selectedprop = prop; };
  $scope.props = [{label: "Aaaaaa"},{label: "Bbbbbb"},{label: "Cccccc"}];
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<style>li.selected {text-decoration: underline;}</style>

<div ng-app="" ng-controller="test">
  <ul>
      <li ng-repeat="prop in props" ng-click="setSelected(prop)" ng-class="{selected: prop == selectedprop}" ng-cloak="">{{prop.label}}</li>
  </ul>
  My Selected Property:  {{selectedprop.label}}
</div>