Angularjs 使用ionic/angular中的指令切换播放/暂停按钮

我想根据的值，使用指令在ionic中切换播放/暂停按钮

$scope.autoplay

在HTML中，我有button元素：

<playbtn></playbtn>

按钮是一个离子图标

播放按钮：

暂停按钮：

如何更改此指令以切换图标

.directive('playbtn', function() {
  return {
    restrict: 'E',
    template: '<i class=""></i>',
    link: function(scope,element,attrs) {
      if(scope.autoplay == 'true') {
       //show pause button

      } else {
       //show play button
      }
    };    
  } 
})

指令（'playbtn'，函数（）{ 返回{ 限制：'E'， 模板：“”， 链接：函数（范围、元素、属性）{ 如果（scope.autoplay==“true”）{ //显示暂停按钮 }否则{ //显示播放按钮 } }; } }) 您可以这样使用：

指令（'playbtn'，函数（）{ 返回{ 限制：'E'， 作用域：{autoplay:'='}， 模板：“” } }) 这是一个。

我设置了您的解决方案，但它不起作用。

.directive('playbtn', function() {
    return {
      restrict: 'E',
      scope: {autoplay:'='},
      template: '<i ng-class="{\'ion-ios-play\': autoplay, \'ion-ios-pause\': !autoplay}"></i>'
    }
})