gpt4 book ai didi

javascript - 如何隐藏单击的按钮1并显示按钮2以及单击按钮2隐藏按钮2并在AngularJS中显示按钮1?

转载 作者:行者123 更新时间:2023-11-28 07:57:18 25 4
gpt4 key购买 nike

我试图在用户单击按钮1时隐藏按钮1并显示按钮2。当用户单击按钮2并显示按钮1时。当用户单击button1时调用函数myController1,当用户单击button2时调用函数myController2

<!DOCTYPE html>
<html>
<body>

<div ng-app="" ng-controller="myController">

<button ng-click="test1=true;myController1()" ng-show="test1">button1</button>

<button ng-show="test2" ng-click="test1=true;myController2()">button2</button>

</div>
<script>
function myController1() {
alert("hello");
}
function myController2() {
alert("hiii");
}
</script>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>

</body>
</html>

如何显示其他元素并调用 Controller

最佳答案

如果仅使用一个变量来控制显示/隐藏,则可以减少干扰并使代码更清晰。

<button ng-click="click1()" ng-show="button==1">button1</button>
<button ng-click="click2()" ng-show="button==2">button2</button>

Controller :

$scope.button = 1;
$scope.click1 = function() {
alert(1);
$scope.button = 2;
};
$scope.click2 = function() {
alert(2);
$scope.button = 1;
};

演示:http://plnkr.co/edit/uZNwVDFWZyYvLFh2KgSQ?p=preview

关于javascript - 如何隐藏单击的按钮1并显示按钮2以及单击按钮2隐藏按钮2并在AngularJS中显示按钮1?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25929426/

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