gpt4 book ai didi

javascript - 在 UI 网格链接中调用范围函数

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:33:18 25 4
gpt4 key购买 nike

我正在使用 UI-Grid 制作表格。我想在单击单元格的内容时调用范围函数。在这种情况下,当单击一个单元格时,应该会出现一个警报。这是我的 javascript 文件。

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.exporter', 'ui.grid.selection']);

app.controller('MainCtrl', ['$scope', '$http', '$interval', '$q', function ($scope, $http, $interval, $q) {
$scope.gridOptions = {};

$scope.gridOptions.columnDefs = [{name: 'ID', field: 'id', cellTemplate: '<a ng-href="#" ng-click="test()">{{row.entity.id}}</a>'}];

$scope.test = function() {
window.alert("Alert");
}

}]);

还有我的网页:

<!doctype html>
<html ng-app="app" class="ng-scope">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-touch.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-animate.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
<script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
<script src="http://ui-grid.info/release/ui-grid.js"></script>
<script src="app.js"></script>
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css">

<style type="text/css">
.grid {
width: auto;
height: 500px;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
</style>

</head>
<body>

<div ng-controller="MainCtrl">
<div id="grid0" ui-grid="gridOptions" ui-grid-exporter ui-grid-selection class="grid"></div>

</div>

</body>
</html>

这行不通,我不明白为什么。

最佳答案

要从模板调用 $scope 级别函数,您将必须使用 grid.appScope。在你的情况下它将是 grid.appScope.test()

cellTemplate: '<a ng-href="#" ng-click="grid.appScope.test()">{{row.entity.Locked}}</a>'

样本在这里 http://plnkr.co/edit/KyxhAXQVYPfnZPcNh9Ce?p=preview

关于javascript - 在 UI 网格链接中调用范围函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31600534/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com