在我的应用中,index.html
有ng-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一个类似的问题,但我没有看到答案。 感谢您的帮助!