我将如何为 AngularJS 中的响应创建自定义提示
How would I create a custom prompt for a response in AngularJS
我基本上已经设置了 UI 以及所有范围变量。
假设我有两个按钮,左按钮和右按钮,我只想在单击其中一个按钮时继续执行该功能。 $scope.isLeft of $scope.isRight 是真的。这类似于正常 javascript 提示等待直到有响应的方式。
这是我尝试完成此操作的无限循环方式(虽然这显然行不通,但它只是显示了我正在尝试做的事情)
self.getLeftOrRight = function () {
$scope.promptLeftOrRight = true;
//this method is being called from the directive, so a call to $apply() here is necessary
if ($scope.$root.$$phase != '$apply' && $scope.$root.$$phase != '$digest') {
$scope.$apply();
}
while(!$scope.isLeft && !$scope.isRight) {
//waste time for now
}
if (isLeft)
return "left";
else if (isRight)
return "right";
};
如果您碰巧正在使用 Angular Bootstrap 模块,请尝试查看模态指令 here。看看它也可以让你更好地理解该怎么做。
否则,如果您想做自己的事,我会做@tymeJV 提到的事情。让一些 function/directive 显示提示(也用透明 div 或其他东西遮挡背景)然后让每个按钮调用一个函数来设置左或右变量。
我基本上已经设置了 UI 以及所有范围变量。
假设我有两个按钮,左按钮和右按钮,我只想在单击其中一个按钮时继续执行该功能。 $scope.isLeft of $scope.isRight 是真的。这类似于正常 javascript 提示等待直到有响应的方式。
这是我尝试完成此操作的无限循环方式(虽然这显然行不通,但它只是显示了我正在尝试做的事情)
self.getLeftOrRight = function () {
$scope.promptLeftOrRight = true;
//this method is being called from the directive, so a call to $apply() here is necessary
if ($scope.$root.$$phase != '$apply' && $scope.$root.$$phase != '$digest') {
$scope.$apply();
}
while(!$scope.isLeft && !$scope.isRight) {
//waste time for now
}
if (isLeft)
return "left";
else if (isRight)
return "right";
};
如果您碰巧正在使用 Angular Bootstrap 模块,请尝试查看模态指令 here。看看它也可以让你更好地理解该怎么做。
否则,如果您想做自己的事,我会做@tymeJV 提到的事情。让一些 function/directive 显示提示(也用透明 div 或其他东西遮挡背景)然后让每个按钮调用一个函数来设置左或右变量。