个人中心
gpt4 book ai didi

javascript - 需要简单的 angularjs 编程帮助

转载 作者：行者123 更新时间：2023-12-03 12:09:34 27 4
gpt4 key购买 nike

我正在尝试用 angularjs 进行简单的编程。我创建了两个按钮。第一个按钮有文本“clickHere”，第二个按钮没有文本。我的任务是当我单击带有文本的按钮时，它将自动变空，第二个按钮将具有相同的文本。 (反之亦然)。 

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

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.name1 = '';
    var val = 'Hello';
    $scope.click0 = function() {
        //alert("hello!");
        $scope.name = $scope.name1;
        $scope.name1="";
        //return val;
    };
    $scope.click1 = function() {
        //alert("hello!");
        $scope.name1 = $scope.name;
        $scope.name="";
//        return val;
    };
}
<body ng-app="myApp">
<div ng-controller="MyCtrl">
    <button ng-click="click0()" >{{name}}</button>
    <button ng-click="click1()" >{{name1}}</button>
</div>
</body>

这是我在 jsfiddle 中的代码。 http://jsfiddle.net/simpleorchid/a65zV/

最佳答案

我认为你的问题是你覆盖了你的储值。我添加了一个名为 word 的 $scope 变量，现在它可以工作了:

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

function MyCtrl($scope) {
    $scope.word = 'Superhero';
    $scope.name = $scope.word;
    $scope.name1 = '';

    $scope.click0 = function() {
        $scope.name1 = $scope.word;
        $scope.name="";
    };
    $scope.click1 = function() {
        $scope.name = $scope.word;
        $scope.name1="";
    };

}

Udpated Fiddle: http://jsfiddle.net/pWjLR/1/

关于javascript - 需要简单的 angularjs 编程帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25028198/

27 4 0
文章推荐： sockets - 通过套接字在 Firebase 中进行身份验证
文章推荐： wpf - 如何将数据网格行的背景绑定(bind)到特定颜色？
文章推荐： sockets - 是否可以仅从指定的源地址接收UDP数据包？
文章推荐： django-social-auth django-registration 和 django-profiles -- 一起
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com