Javascript 使用angularJS单击时更改目标的属性 {{todo.todoContent}检查
现在,我希望在单击span元素检查目标todo时,将title属性更改为“uncheckthistodo”,并将文本“check”更改为“checked”Javascript 使用angularJS单击时更改目标的属性 {{todo.todoContent}检查,javascript,angularjs,attributes,Javascript,Angularjs,Attributes,现在,我希望在单击span元素检查目标todo时,将title属性更改为“uncheckthistodo”,并将文本“check”更改为“checked” 这里谁都可以帮忙。非常感谢 {{todo.todoContent} {{!todo.done&“check”| |“checked”} 如果希望对单击的元素进行更细粒度的控制,可以通过使用ng click处理程序中的$event来实现 像 ng click=“todoCheck($event,todo)” 我已经使用jquery设置了标题
这里谁都可以帮忙。非常感谢
{{todo.todoContent}
{{!todo.done&“check”| |“checked”}
如果希望对单击的元素进行更细粒度的控制,可以通过使用ng click处理程序中的$event来实现
像
ng click=“todoCheck($event,todo)”
我已经使用jquery设置了标题和内容,并更新了您的小提琴
$scope.todoCheck=函数($event,todo){
}代码>
谢谢。这是另一种方法。是的,有一天我可能需要直接获取元素。:)
<ul class="todo-list">
<li ng-repeat="todo in todos">{{todo.todoContent}}<span class="pull-right glyphicon glyphicon-check" ng-class="{checked:todo.done}" ng-click="todoCheck(todo)" title="check this todo">check</span></li>
</ul>
<li ng-repeat="todo in todos">
{{todo.todoContent}}
<span class="pull-right glyphicon glyphicon-check"
ng-class="{checked:todo.done}" ng-click="todoCheck(todo)"
title="{{!todo.done && 'check this todo' || 'uncheck this todo'}}">
{{!todo.done && 'check' || 'checked'}}
</span>
</li>
var spanElement = $event.srcElement;
$(spanElement).attr('title', "uncheck this todo");
$(spanElement).html("checked");
todo.done = !todo.done;