Javascript AngularJS-尝试使用ng开关和ng单击更改背景颜色
这是我的第一个问题——这真的只是更多的挫折。我已经讨论了大约12个不同的堆栈溢出问题,这些问题都很相似,并且复制了它们的代码,但我仍然无法在单击时改变血腥的背景颜色。所以我想我错过了什么Javascript AngularJS-尝试使用ng开关和ng单击更改背景颜色,javascript,html,angularjs,Javascript,Html,Angularjs,这是我的第一个问题——这真的只是更多的挫折。我已经讨论了大约12个不同的堆栈溢出问题,这些问题都很相似,并且复制了它们的代码,但我仍然无法在单击时改变血腥的背景颜色。所以我想我错过了什么 听音乐 与朋友分享 这是我的代码笔——我想在点击箭头时改变背景颜色,我看到了很多简单的解决方案,但它们都不起作用,我不知道为什么。如果有人想帮助AngularJS noob,那么会有很多爱和饼干这个问题是由于ng开关造成的,因为它创建了自己的范围 在锚定标记中使用$parent.myStyle={back
听音乐
与朋友分享
这是我的代码笔——我想在点击箭头时改变背景颜色,我看到了很多简单的解决方案,但它们都不起作用,我不知道为什么。如果有人想帮助AngularJS noob,那么会有很多爱和饼干这个问题是由于ng开关造成的,因为它创建了自己的范围 在锚定标记中使用$parent.myStyle={background:'red'}来修复此问题
<html ng-app="app">
<head>
<script src="http://code.angularjs.org/1.2.6/angular.min.js"></script>
</head>
<body ng-controller="SwitchController" ng-style="myStyle">
<div ng-switch="slider.page" class="screen" >
<div id="record_player" ng-switch-when="1">
<span><a href="#" ng-click="slider.page=1; myStyle={background:'#2a1f2d;'}"><</a></span>
<div class="rectangle">
<div class="circle1">
<div class="circle3">
</div>
</div>
<div class="handle">
<div class="circle1">
</div>
<div class="hand">
</div>
<div class="arm">
</div>
</div>
<div class="toggles">
<div class="left_dash"></div>
<div class="right_dash"></div>
</div>
</div>
<h1>Listen to Music</h1>
<span><a href="#" ng-click="slider.page=2">></a></span>
</div>
<div id="cassette" ng-switch-when="2">
<span><a href="#" ng-click="slider.page=1; myStyle={background:'#5F78D2'}"><</a></span>
<div class="rectangle">
<div class="circle1">
</div>
<div class="line1">
</div>
<div class="line2">
</div>
<div class="line3">
</div>
<div class="line4">
</div>
<div class="circle2">
</div>
</div>
<h1>Share it with friends</h1>
<span><a href="#" ng-click="slider.page=1">></a></span>
</div>
</div>
</div>
</body>
</html>