gpt4 book ai didi

javascript - 使用 AngularJS 获取 HTML 元素的 id

转载 作者:行者123 更新时间:2023-12-02 15:58:37 25 4
gpt4 key购买 nike

我需要获取每行的具体 id 并转发到将发出 http 请求的 JS 函数。但我在调用此函数 excluir(id) 时遇到问题,参数正确,但警报未运行。
这是为什么?

HTML

<!DOCTYPE html>
<html ng-app="oknok">
<head lang="pt-br">
<meta charset="UTF-8"/>
<title>OKNOK Admin</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
<script src="js/controller.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>

<body ng-controller="indexController" data-ng-init="init()">
<div class="container">
<h2>Listagem de ve&iacute;culos</h2>
<table class="table table-condensed">
<thead>
<tr>
<th>Nome</th>
<th>Tipo</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in resultado">
<td ng-model="nome">{{x.nome}}</td>
<td ng-model="tipo">{{x.tipo}}</td>
<td ng-model="lixeira"><span class="glyphicon glyphicon-trash" ng-click="excluir({{x._links.self.href}})"></span></td>
</tr>
</tbody>
</table>

<div align="right">
<button type="button" class="btn btn-primary" ng-click="adicionarNovo()">Adicionar novo</button>
</div>
</div>
</body>
</html>

Controller .js

var oknok = angular.module('oknok', []);

oknok.controller('indexController', function ($scope, $http) {
$scope.init = function () {
$http.get("/api/veiculos")
.then(function (data) {
var embedded = data.data._embedded;
$scope.resultado = embedded.veiculos;
}).catch(function (error) {
alert("Erro ao obter dados!\n" + error);
});
};

$scope.adicionarNovo = function () {
window.location.href = "/cadastro";
};

$scope.excluir = function (id) {
alert("clicou" + "\t" + id);
}
});

最佳答案

这些函数不需要 {{}},正如大家之前在 ng-click 上所说的删除它们。

像这样:

ng-click="excluir(x._links.self.href)"

关于javascript - 使用 AngularJS 获取 HTML 元素的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31383540/

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