Javascript 元素上的Angularjs句柄单击操作

我是新来安格拉斯的。我在jquery中有类似的功能

wordClick（）；
函数wordClick（）{
var dblClick=false；
$（'#text span.word'）。在（'click'，function（）上{
var=这个；
setTimeout（函数（）{
if（dblClick==false）{
log（'single click event.word是“'+$（that）.text（）+'”）；
}
}, 400)
}).dblclick（函数（）{
var=这个；
dblClick=true；
setTimeout（函数（）{
dblClick=false；
log（'双击事件.word是'+$（that.text（）+''）；
}, 500)
})
}

这是一个单词
我想
点击这个词

在span元素上使用ng click和ng dblclick

---

在span元素上使用ng click和ng dblclick

---

您的实现不适合直接AngularJS迁移。您必须稍微更改HTML代码以从数组填充，并将单个

ng dblclick

添加到

span

这只是一个例子，向您展示了如何以角度思考

var-app=angular.module（“app”，[]）；
应用控制器（“主控制器”，功能（$scope）{
$scope.data=[“This”、“is”、“word”、“I”、“want”、“to”、“click”]；
//双击
$scope.shoutLoud=函数（字）{
警惕（word）；
}
//单击
$scope.shout=函数（word）{
console.log（word）；
}
});

{{word}}
您的实现不适合直接进行AngularJS迁移。您必须稍微更改HTML代码以从数组填充，并将单个
ng dblclick
添加到
span

这只是一个例子，向您展示了如何以角度思考


var-app=angular.module（“app”，[]）；
应用控制器（“主控制器”，功能（$scope）{
$scope.data=[“This”、“is”、“word”、“I”、“want”、“to”、“click”]；
//双击
$scope.shoutLoud=函数（字）{
警惕（word）；
}
//单击
$scope.shout=函数（word）{
console.log（word）；
}
});

{{word}}
在html中使用ngClick、ngDblclick和ngRepeat

<pre id="text">
<span ng-click="click(word)" ngDblclick="dblClikc(word)" ng-repeat="word in words" class="word"></span> 
</pre>

在html中使用ngClick、ngDblclick和ngRepeat

<pre id="text">
<span ng-click="click(word)" ngDblclick="dblClikc(word)" ng-repeat="word in words" class="word"></span> 
</pre>


在这里，检查一下：Angularjs代码在哪里？我从您的代码中看不到任何角度代码。@EmirMaljanovic我尝试过这种解决方案，但我感到困惑，我应该在每个span元素上使用sglclick=“singleClick（）”ng dblClick=“doubleClick（）”吗？我想要像$（'#text span'）这样的单次触发点击，如何做到这一点？这里，检查一下：Angularjs代码在哪里？我从您的代码中看不到任何角度代码。@EmirMaljanovic我尝试过这种解决方案，但我感到困惑，我应该在每个span元素上使用sglclick=“singleClick（）”ng dblClick=“doubleClick（）”吗？我想要一个像$（'#text span'）这样的单触发点击，怎么做？我想要一个像$（'#text span'）这样的单触发动作，如果使用指令，我应该在每个span元素上添加ngClick和ngDblclick吗？我想要一个像$（'#text span'）这样的单触发动作，如果使用指令，我应该在每个跨度元素上添加ngClick和ngDblclick吗？是的，它正在工作！现在我从角度思考，但我还有一个问题，我有函数app.factory（'Parser'），它将返回类似于这个词的内容（就像您的示例span html），但是为什么单击事件不起作用呢？我应该在html上准备这个跨度，然后执行$scope.data=[]吗？我需要这个解析器来安排每行字。我该怎么办？我很困惑：（是的。你应该在HTML中准备跨度。因为如果你想动态添加“单词”对于DOM，您必须使用Angular to init所有ng click事件再次$compile HTML代码。感谢您的$compile提示。我看到了这一点，现在我知道该怎么做了。@Spella如果您认为我的答案对您有帮助，您可以将其标记为正确答案：）天哪，它正在工作，我将此与您的span HTML结合起来。。再次感谢你是的，它正在工作！现在我从角度思考，但我还有一个问题，我有函数app.factory（'Parser'），它将返回类似于这个词的内容（就像您的示例span html），但是为什么单击事件不起作用呢？我应该在html上准备这个跨度，然后执行$scope.data=[]吗？我需要这个解析器来安排每行字。我该怎么办？我很困惑：（是的。你应该在HTML中准备跨度。因为如果你想动态添加“单词”对于DOM，您必须使用Angular to init所有ng click事件再次$compile HTML代码。感谢您的$compile提示。我看到了这一点，现在我知道该怎么做了。@Spella如果您认为我的答案对您有帮助，您可以将其标记为正确答案：）天哪，它正在工作，我将此与您的span HTML结合起来。。再次感谢你