将ng-click事件插入ng-grid [英] insert ng-click event into ng-grid
问题描述
我想做一些我不知道是否可行的事情
i want to do something that i don't know if it is possible
<!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
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网格中的一行上放一个点击事件，我已经周围的想法，但是我真的不明白是否可能，如果是这样，如果这是正确的方法。
在这段代码中，这似乎对我来说很好，应用程序没有启动警报，任何建议或想法？
I want to put a ng-click event on a row in a ng-grid,i have take the idea looking around, but I don't really understand if it is possible and, if it is so, if that's the right way to do that. In this code, that seems to be good to me, the app doesn't start the alert, any suggest or ideas?
这是plunker < a href =http://plnkr.co/edit/U6wdWTAV30HRhJk8xFPA?p=preview =nofollow> http://plnkr.co/edit/U6wdWTAV30HRhJk8xFPA?p=preview
Here is the plunker 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>'
}
]
};
查看您的分行Plunker here
See your forked Plunker here
这篇关于将ng-click事件插入ng-grid的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
