Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用angularJS单击时更改目标的属性 {{todo.todoContent}检查_Javascript_Angularjs_Attributes - Fatal编程技术网

Javascript 使用angularJS单击时更改目标的属性 {{todo.todoContent}检查

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设置了标题

现在,我希望在单击span元素检查目标todo时,将title属性更改为“uncheckthistodo”,并将文本“check”更改为“checked”
这里谁都可以帮忙。非常感谢

  • {{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;