Question

我正在尝试进行基本的停止控制

当我点击播放按钮时，我希望它更改为停止按钮。反之亦然。这段代码正在运行，但它刷新了丑陋。播放按钮隐藏前显示停止按钮。反之亦然。任何想法？

in html

<div style="margin-top: 1%;margin-left: 10%">

<button class="media-object button-icon ion-ios-play botonesPlayStop" ng-show="playVisible"
ng-click="btnReproducirAudio()"></button>

<button class="media-object button-icon ion-stop botonesPlayStop" ng-hide="playVisible"
ng-click="detenerAudio()"></button>

在js

var ruta= "/android_asset/www/sounds/beep.amr";
$scope.audiofile = new Media(ruta);

$scope.detenerAudio = function () {
        $scope.audiofile.stop();
        $scope.playVisible=true;

};

$scope.btnReproducirAudio() {
        $scope.audiofile.play();
        $scope.playVisible=false;
}

Answer 1

使用process.waitFor()或ng-show更新视图会有一点延迟。使用ng-hide（也适用于DOM）总是更好。

另一种，也许更好，但不是太多，方式：

HTML：

ng-if

JS：

<button class="media-object button-icon botonesPlayStop" ng-class"{'ion-ios-play': playVisible, 'ion-stop': !playVisible}" ng-click="playOrStop()"></button>

改变播放/停止按钮angularjs

1 个答案: