将ng-click事件插入ng-grid
我想做一些我不知道的事
<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="utf-8">
<title>Custom Plunker</title>
<link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>
<body ng-controller="MyCtrl">
<div class="gridStyle" ng-grid="gridOptions"></div>
</body>
</html>
JS
// main.js
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
$scope.myData = [{name: "Moroni", age: 50},
{name: "Tiancum", age: 43},
{name: "Jacob", age: 27},
{name: "Nephi", age: 29},
{name: "Enos", age: 34}];
$scope.gridOptions = { data: 'myData',
cellTemplate:'<div class="ngCellText" ><a ng-click="foo()">{{row.getProperty(col.field)}}</a></div>'
}
$scope.foo = function() {
alert('');
};
});
我想将ng-click事件放在ng-
grid中的一行上，我已经了解了一下这个想法，但是我真的不知道是否有可能，如果可以，那是否是正确的方法去做。在这段代码中，这对我来说似乎很好，该应用程序不会启动警报，是否有任何建议或想法？
这是矮人http://plnkr.co/edit/U6wdWTAV30HRhJk8xFPA?p=preview
问题答案：
这些定义对我有用：
$scope.gridOptions = {
data: 'myData',
columnDefs: [{
field: 'name',
displayName: 'Name',
cellTemplate: '<div ng-click="foo()" ng-bind="row.getProperty(col.field)"></div>'
}, {
field: 'age',
displayName: 'Age',
cellTemplate: '<div ng-click="foo()" ng-bind="row.getProperty(col.field)"></div>'
}
]
};
在这里查看您的分叉柱塞
-
问题内容： 因此，如果我有一个带有100 li的ul，则每个li都应该有ng- clicks或是否有办法将事件绑定到ul并将其委派给li的jquery的工作方式？这会好还是坏？我们有100个事件，还是最后只有一个事件？ 问题答案： 似乎angular并没有使用中继器进行事件委派。有人在github上发布了一个关于它的问题。争论在于它是否实际上会带来更好的性能。 可能有解决方法，但需要jQuery。
-
问题内容： 任何人都可以为该JSFiddle提供正确的方法： JsFiddle链接 我正在尝试通过.class＆#ID更改元素的类。 提前致谢 感谢tymeJV，新的JSFiddle： 解 问题答案： 正确的方法是根据切换变量使用，请考虑： CSS： JS： HTML： 通过根据变量（“ toggle”）是否为或分配引用的类（在上面为“红色”）来工作。
-
问题内容： 我在ng-repeat中有以下代码： 如何使按钮处于禁用状态？ 或者有没有一种方法可以用Javascript来完成，因此如下所示： 问题答案： 除指令外，在任何地方都不能使用DOM（包括属性检查）进行操作。您可以在范围内添加一些值，该值指示是否应禁用链接。 但是另一个问题是ngDisabled除了表单控件之外不能在其他任何东西上使用，因此您不能将其与一起使用，但可以将其与一起使用并将其
-
我已经为所有搜索列表创建了datalist并在datalist上创建了事件，以便将选定的详细信息发送给控制器。但是在DataList中不起作用。你能帮我吗 对于。（如）在.中，我需要在前端搜索框中显示，但是在从DataList.中选择该数据时，我需要将其相应的发送给controller 有问题的部分供您参考（plunker中的完整代码）： 在上面的代码中，你可以看到键和数据。我只需要显示数据值，但
-
问题内容： 我刚开始接触Angular，但过去几周一直在使用它，并且设法解决了我遇到的大多数问题。然而，这让我感到难过。 我有一个应用程序，该应用程序从Twitter提取推文，然后使用角度过滤器提取所有URL，并将其设置为链接样式。该部分工作正常，但客户认为来自Twitter的链接不安全，因此他们希望在每次单击链接时触发免责声明。足够简单- 我劫持了链接并将换成一个。这是发生问题的地方- 不起作用
-
我在angular指令中有这段代码，我发现$watch的行为有点令人困惑。在“ng click”中调用updateSelect： 当我点击按钮（触发更新选择）并观看控制台时，我会看到“更新”，然后是“观看”。函数内部发生的第一件事是选择Ctrl。设置了activeList，所以我希望看到“watch”和“update”。 不应该在阵列更改后立即监视触发器吗？