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; 
} 

は、私は、2つのボタンが持っている上記のコードは動作しません各機能 を実行するために、一時停止し、再生すると、私にはわからないだろうなぜ。どんな助けもありがとう！ Webコンソールから

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

ことが可能であるかどうかは知りませんが、いずれにしてもエラーが自動再生と一時停止が定義されていないということです。これで、autoplayという文字列ではなく、autoplayの値をplayaに割り当てます。 おそらく：

$ scope.playa = 'autoplay';

および $ scope.playa = 'pause';