我正在尝试用 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/