Question

我正在尝试在angularjs中进行简单的编程。我创建了两个按钮。第一个按钮有文本＆＃34; clickHere＆＃34;，第二个按钮没有文字。我的任务是当我单击具有文本的按钮时，它将自动变为空，第二个按钮将具有相同的文本。（反之亦然）。

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/

Answer 1

我认为你的问题是你覆盖了你的储值。我添加了一个名为$scope的{{1}}变量，现在可以正常工作：

word

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

Answer 2

只需将click1()替换为JSFiddle here中的click0()，就可以按照您的意愿进行操作。

需要有关简单angularjs编程的帮助

2 个答案:

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