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

奥里科科

我正在尝试将ng-model添加到<li>我的每个模型<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}}

我知道这是不正确的方法,而且做起来也不正确。正确的方法是什么?请帮忙

n

这样的事情应该为您工作:

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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章