AngularJS를 사용하여 옵션을 삽입하는 방법

Question

간단한 비디오 태그를 사용하여 자동 재생에서 일시 중지 및 앞뒤로 옵션을 변경하고 싶습니다.

HTML :

<video webkit-playsinline {{playa}} loop ng-src="{{keeper}}" style="width:100%;height:100%;border:0px solid red;border-radius:100px;z-index:1;"> 
</video> 

컨트롤러 :

$scope.play = function() { 
$scope.playa=autoplay; 
} 

$scope.pause = function() { 
$scope.playa=pause; 
} 

가 나는 두 개의 버튼이 위의 코드가 작동하지 않는 각 기능 을 실행하기 위해, 일시 정지 및 재생하고 내가 모르는 것 왜. 어떤 도움을 주시면 감사하겠습니다! 웹 콘솔에서

ERROR :

Error: autoplay is not defined 
@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/js/controllers.js:661:3 
invoke@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:13282:14 
instantiate@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:13290:27 
$ControllerProvider/this.$get</<@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:17846:18 
self.appendViewElement@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:52338:24 
ionicViewSwitcher.create/switcher.render@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:50456:29 
ionicViewSwitcher.create/switcher.init@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:50376:11 
self.render@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:52198:5 
self.register@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:52156:5 
updateView@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:57577:11 
.compile/</<@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:57554:11 
$RootScopeProvider/this.$get</Scope.prototype.$broadcast@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:24997:15 
transitionTo/$state.transition<@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:44841:11 
processQueue@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:23399:28 
scheduleProcessQueue/<@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:23415:27 
$RootScopeProvider/this.$get</Scope.prototype.$eval@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:24678:16 
$RootScopeProvider/this.$get</Scope.prototype.$digest@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:24489:15 
$RootScopeProvider/this.$get</Scope.prototype.$apply@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:24783:13 
timeout/timeoutId<@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:26550:25 
completeOutstandingRequest@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:14226:7 
Browser/self.defer/timeoutId<@file:///Users/MehdiNathani/Desktop/Celebrity%20Fitness/Celebrity%20Fitness/www/lib/ionic/js/ionic.bundle.js:14498:7 

Answer 1

가능한 경우 나도 몰라,하지만 어떤 경우에도 오류가 자동 재생 및 일시 정지가 정의되지 않은 것입니다. 이제 playa에 자동 재생 문자열이 아닌 자동 재생 값을 지정합니다. 어쩌면 :

$ scope.playa = 'autoplay';

및 $ scope.playa = '일시 중지';