Javascript Angularjs ng隐藏动画不工作
我尝试了angularjs动画。但在我的本地,动画不起作用。正常隐藏/显示正在工作,但未显示动画 我的代码如下: 索引show.htmlJavascript Angularjs ng隐藏动画不工作,javascript,css,angularjs,animation,Javascript,Css,Angularjs,Animation,我尝试了angularjs动画。但在我的本地,动画不起作用。正常隐藏/显示正在工作,但未显示动画 我的代码如下: 索引show.html <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://ajax.goo
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-animate.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="./app-show.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./app-show.css">
</head>
<body ng-app="myApp1">
<div id='outerdiv' ng-controller="MyCtrl">
<div ng-click="myValue=true">LEFT</div>
<div ng-click="myValue=false">RIGHT</div>
<div id="one" class='animate-hide' ng-hide="myValue">this is just a sample div</div>{{myValue}}</div>
</body>
</html>
app show.js
.animate-hide {
-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
line-height:20px;
opacity:1;
padding:10px;
border:1px solid black;
background:white;
position: absolute;
left: 0;
}
.animate-hide.ng-hide {
left: -100%;
opacity:0;
padding:0 10px;
}
var app = angular.module("myApp1", ["ngAnimate"]);
app.controller("MyCtrl", function ($scope) {
$scope.myValue=false;
});
请让我知道我遗漏了什么???问题是由您使用的angular版本引起的。在您提供的示例中,版本为angular 1.2.20,而您使用的是1.2.0-rc.2
升级您的版本,您会发现代码正常。您确定
src
属性中应该只有一个点吗?(
vs
)它必须是控制台日志中报告的内容。是。这三个文件都在同一个文件夹中。console.log(myValue);要查看该值是否确实应该隐藏,console中是否有任何错误?谢谢@Leo。我认为ng动画在1.2.0-rc.2中不起作用,但ng切换动画起作用。