gpt4 book ai didi

javascript - 仅显示动态添加的选定元素值

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

当我尝试在单击时显示所选元素值时,它显示了所有元素值..在下面的代码中,如果我添加了用户名,当我们单击任何标签时,它必须显示相应的删除图标..但是在这里它向所有添加的标签显示删除图标。你能告诉我如何解决这个问题吗?

DEMO

var app = angular.module('myapp', ['ngSanitize']);
var counter = 0
app.controller('MainCtrl', function($scope, $compile) {
$scope.add = function(index) {
var username = '<div ng-click="showRemove()"><label>User Name</label>//click//<input type="text"><button id="buttonId'+counter+'" ng-show="remove">-</button></div>';
var user = $compile(username)($scope);
angular.element(document.getElementById('add')).append(user);
};
$scope.showRemove = function(){
$scope.remove = true;
}
++counter;
});
<!DOCTYPE html>
<html ng-app="myapp">

<head>
<script src="https://code.angularjs.org/1.4.8/angular.js"></script>
<script src="https://code.angularjs.org/1.5.0-rc.0/angular-sanitize.min.js"></script>
</head>

<body ng-controller="MainCtrl">
<button ng-click="add($index)">Add</button>
<hr>
<div id="add"></div>
</body>

</html>

最佳答案

如果您想继续尝试解决问题的方式,这可能是一个解决方案:

var app = angular.module('myapp', ['ngSanitize']);
var counter = 0
app.controller('MainCtrl', function($scope, $compile) {
$scope.add = function(index) {
var username = '<div ng-click="showRemove('+counter+')"><label>User Name</label>//click//<input type="text"><button id="buttonId'+counter+'" ng-show="'+counter+ ' == active">-</button></div>';
var user = $compile(username)($scope);
angular.element(document.getElementById('add')).append(user);
++counter;
};
$scope.showRemove = function(counter){
$scope.active = counter;
}

$scope.active = -1;
});

关于javascript - 仅显示动态添加的选定元素值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34924993/

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