我正在尝试将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}}
我知道这是不正确的方法,而且做起来也不正确。正确的方法是什么?请帮忙
这样的事情应该为您工作:
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] 删除。
我来说两句