クリック イベントで angularjs (1.x) ファクトリの変数を変更したいと思います。その後、一時停止ボタンが表示されます。手伝っていただけませんか:
ng-click のリンク:
<li ng-click='navPlayMusic()'>
<a class="glyphicon glyphicon-play music-control"></a>
</li>
<li ng-show="musicControl.playTitle === true" ng-click='navPauseMusic()'>
<a class="glyphicon glyphicon-pause music-control"></a>
</li>
編集:
コントローラー:
music.controller('musicController', function($scope, $rootScope, $location, musicControl) {
...
$scope.musicControl = musicControl;
$scope.navPlayMusic = function() {
musicControl.playMusic();
}
...
});
工場:
music.factory('musicControl', function () {
return {
playTitle: false,
};
this.playMusic = function() {
return {
playTitle: true
};
};
});