Question

我目前正在尝试实现可选择的列表视图，但遇到了一些问题。我正在尝试使用ui-listview，这是一种角色附加组件，但希望（1）突出显示＆lt; p>用户单击的标记，以及（2）将此字符串转换为角度变量。有没有办法做到这一点，或者是一个允许这个的列表视图的不同实现？

<div class="panel-body" padding:0>
    <div class="ui-list-view-striped" ui-list-view="contact in contacts | orderBy:'Project' | filter:search">
        <p class="name">{{ contact.ListView }}</p>
    </div>
</div>

Answer 1

您可以修改contacts列表中的对象吗？如果是这样，您可以向selected布尔属性添加ng-click布尔属性，该属性可以由<p>个事件在每个selected元素上触发。然后，您可以使用ng-class中的<div class="panel-body" padding:0> <div class="ui-list-view-striped" ui-list-view="contact in contacts | orderBy:'Project' | filter:search"> <p class="name" ng-class="{'css-selected': contact.selected}"><a href="javascript:void(0)" ng-click="markSelected(contact)">{{ contact.ListView }}</a></p> </div> </div>属性来设置将元素标记为已选中的样式。 EJ：

<强> HTML：

yourController.markSelected = function(contact) {
  contacts.map(function(c) { c.selected = false; });
  contact.selected = true;
}

<强>的javascript：

在您的控制器中：

.css-selected {
  /* your style for the selected element */
}

<强>的CSS：

gcc main.c fib.c -o fib.exe

如何在HTML / Angular中选择<p>标签

1 个答案: