AngularJS ul,li选择

时间:2015-01-20 14:45:49

标签: html angularjs html-lists

如何选择羊角面包(带有类'选择')的羊角面包到角度为$ scope.selected的变量?

<ul id='ulsel' placement="top-left" style="max-height: 154px;">
<li value="Apple fritter" class="" tabindex="-1">Apple fritter</li>
<li value="Croissant" tabindex="-1" class="selected">Croissant</li>
<li value="Donut" tabindex="-1" class="">Donut</li>
<li value="Financier" tabindex="-1" class="">Financier</li>
<li value="Jello" tabindex="-1">Jello</li><li value="Madeleine" tabindex="-1">Madeleine</li>
<li value="Pound cake" tabindex="-1">Pound cake</li>
<li value="Pretzel" tabindex="-1">Pretzel</li>
<li value="Sfogliatelle" tabindex="-1">Sfogliatelle</li></ul>

2 个答案:

答案 0 :(得分:1)

您的标记非常奇怪,li具有值属性并使用选定的类而不是输入是一种异常的方法。无论你可以使用以下内容:

$scope.selected = $('#ulsel li.selected').html();

这只是使用li类获取selected内的文本。 我已经使用了元素中的文本,而不是你所使用的value属性,因为我不确定它将得到多少支持

答案 1 :(得分:0)

同意atmd。我反而让Angular使用ng-repeat构建li,然后你有更多的控制而不是依赖jQuery来解析。

以下是使用jQuery获取值的另一种方法:

$scope.selected = $("#ulsel").find('.selected').attr('value');

适用于Chrome,没有进一步测试。