AngularJS |如何在同一元素上结合ng-dblclick和ng-routing?

时间:2016-07-12 12:36:11

标签: javascript html angularjs

在我的应用中,index.htmlng-view指令。在该指令中,我将来自main.html的信息添加为defalut - 它是一个名称和链接表。点击链接即可显示ng-view内容link.html和来自index.html的特定链接的相关信息。请看我的<!DOCTYPE html> <html lang="en" ng-app="app"> <head> ... </head> <body ng-controller="myCtrl"> <h1>AngularJS</h1> <ng-view></ng-view> </body> </html>

main.js

我的angular .module('app', ['ngRoute']) .config(function($routeProvider) { $routeProvider .when('/', { templateUrl: 'partials/main.html' }) .when('/link/:id', { templateUrl: 'partials/circle.html', controller: 'linkCtrl' }) .otherwise({ redirectTo: '/' }) }) .controller('myCtrl', function($scope) { $scope.obj = [ {name: "aaa", link: "000"}, {name: "bbb", link: "111"}, {name: "ccc", link: "222"} ]; $scope.clickFunc = function() { alert('Im doubleclicked'); }; }) .controller('linkCtrl', function($scope, $routeParams) { $scope.id = $scope.obj[$routeParams.id]; });

main.html

这是我的<h2>Information</h2> <table> <thead> <tr> <td>Name</td> <td>Link</td> </tr> </thead> <tbody> <tr ng-repeat="link in obj"> <td>{{ link.name }}</td> <td><a href="#/link/{{ $index }}" ng-dblclick="clickFunc()">{{ link.link }}</a></td> </tr> </tbody> </table>

link.html

这是<p>Welcome to the new link {{ id }}</p> <a href="#/">Back to home</a>

ng-dblclick

我还需要能够双击同一个链接。问题是如何做到这一点,因为添加{{1}}指令不起作用。有没有办法让它成为可能? 我见过here一个类似的问题,但我没有看到答案。 感谢您的帮助!

0 个答案:

没有答案