以下是一个使用AngularJS的解决方法,当成功收集到输入后显示按钮:
HTML代码:
AngularJS代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.showButton = false;
$scope.submitInput = function() {
// 在这里执行输入提交的逻辑
console.log('输入的文本:' + $scope.inputText);
}
$scope.$watch('inputText', function(newValue, oldValue) {
if (newValue && newValue.length > 0) {
$scope.showButton = true;
} else {
$scope.showButton = false;
}
});
});
在这个示例中,ng-show
指令根据showButton
的值来决定是否显示按钮。在控制器中,通过$watch
函数监视inputText
的变化,当输入文本不为空时,将showButton
设置为true
,否则设置为false
。当点击按钮时,将调用submitInput
函数执行输入提交的逻辑。