与onclick函数共享Angular表达式

Share Angular Expression with onclick Function

本文关键字：Angular 表达式 共享 函数 onclick      更新时间：2023-09-26

让我再解释一遍。我有一个应用程序运行在一个javascript框架上的Node.js w/Bootstrap。在其中一个引导面板中，我嵌入了一个Angular Elasticsearch搜索客户端。下面是一些显示结果的代码:

<section class='results'><article class='result' ng-repeat='result in results track by $id(result)' /><div id="addThisInfo" ng-repeat='ng-repeat='result in results track by $id(result)' style="display: none;"> {{$id}},{{result.code}},{{result.expression}},{{result.source}}</div>Code:{{result.code}}<br>Description: {{result.expression}}<br>div ng-if='result.source ==4'> Type: Source 1</div><div ng-if='result.source ==10'> Type: Source 2</div></article> </section>

每页有5个结果。

请注意，这个应用中唯一用Angular编写的部分就是这个搜索机制。

最终，我希望用户能够单击所需结果的文本或单击一个按钮，将他们的选择添加到一个单独的表。

现在它是这样工作的。当我点击每页5个结果中的任何一个时，它会调用这个:

document.addEventListener("click", function() {
  var packy = document.getElementById("addThisInfo").innerHTML; //div above
  addInfo(packy);
  });

无论我点击哪一个结果，它总是发送活动页面的"第一个"结果。即使div "addThisInfo"已经重复并且是结果的一部分，它也不

web套接字调用看起来像这样:

{"params":"0ij,I77.812ZZ,"Full Expression","100"}

我没有任何运气上传检查元素的图像。但是你可以看到所有的数据都在那里。

我想和某人安排一个http://join.me会议，这样我就可以向你展示它目前是如何工作的。非常感谢帮助!!

谢谢!

为什么一定要逐个传递呢?我不确定你到底想要完成什么，但我会这样处理它:

表示标记:

<button ng-click="addInfo(result)">

然后在控制器

$scope.addInfo = function(result) {
    var foo = result.code,
        bar = result.source;
    etc...
}

Angular. directive('notNgClick',  function () { return {
        restrict: 'A', 
        scope: {
            values: '&' 
        }, 
        link: function (scope,elem, attr) {
           elem.addEventListener(function ()  {alert (scope.values.someValue ) } ) 
        } 
    } 
}
相关文章：