Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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 如何将内容复制到另一个div?_Javascript_Angularjs_Angularjs Scope - Fatal编程技术网

Javascript 如何将内容复制到另一个div?

Javascript 如何将内容复制到另一个div?,javascript,angularjs,angularjs-scope,Javascript,Angularjs,Angularjs Scope,我使用angular列出了一个json文件,如下所示: html: 我通过数据属性传递所有内容,当我点击时,它调用ng点击,我通过纯javascript访问所有数据属性,并创建一个来包装这些内容。这种方法工作得很好,但有没有更简单的方法通过angular获取这些值?更简单、更合适的angular方法,是的,只需通过ng click函数表达式传递任务,并从处理程序访问它,告别从控制器访问DOM(这很糟糕)和数据属性:- <li ng-repeat="task in tasks">

我使用angular列出了一个json文件,如下所示:

html:


我通过
数据属性
传递所有内容,当我点击
时,它调用
ng点击
,我通过纯javascript访问所有
数据属性
,并创建一个
来包装这些内容。这种方法工作得很好,但有没有更简单的方法通过angular获取这些值?

更简单、更合适的angular方法,是的,只需通过ng click函数表达式传递任务,并从处理程序访问它,告别从控制器访问DOM(这很糟糕)和数据属性:-

<li ng-repeat="task in tasks">
    <h1>{{task.title}}</h1>
    <small>{{task.date}}</small>
    <p>{{task.details}}</p>
    <button ng-click="details(task)"></button>
</li>

这就是我要说的!谢谢你,伙计,我真的爱你!!简单多了!s2
$scope.details = function(obj){
    var title = obj.target.getAttribute('data-title'),
        date    = obj.target.getAttribute('data-date');
    ...
}
<li ng-repeat="task in tasks">
    <h1>{{task.title}}</h1>
    <small>{{task.date}}</small>
    <p>{{task.details}}</p>
    <button ng-click="details(task)"></button>
</li>
$scope.details = function(task){
   console.log(task);
   //console.log(this.task);
}