Javascript Angular and Animate.css-不'；在一起使用时，不能显示正确的信息
把Animate.css和AngularJS放在一起有点麻烦，我创建了一个简单的例子，希望能解决这个问题 我从controller.js发送了一些信息，并将其放入Javascript Angular and Animate.css-不'；在一起使用时，不能显示正确的信息,javascript,jquery,html,angularjs,animate.css,Javascript,Jquery,Html,Angularjs,Animate.css,把Animate.css和AngularJS放在一起有点麻烦，我创建了一个简单的例子，希望能解决这个问题 我从controller.js发送了一些信息，并将其放入中。我希望能够淡入淡出这个div，使用Animate.css中的按钮和淡入淡出效果（仅以淡入淡出为例） 当页面加载时，它会正确显示“Hello World”。淡出和工作中，除非它淡出时返回{{results}}，而不是Hello World 有没有一个合适的方法来实现这一点？感谢您的帮助！谢谢 index.html: <!DOCT
<!DOCTYPE html>
<html lang="en" ng-app="prApp">
<head>
<title>Test123</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="./css/animate.min.css">
<script src="./bower_components/jquery/jquery.min.js"></script>
<script src="lib/angular.min.js"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-controller="prCtrl" >
<button type="button" onclick='$("#testDiv").addClass("animated fadeInUp");'>Fade In</button>
<button type="button" onclick='$("#testDiv").addClass("animated fadeOutUp");'>Fade Out</button>
<div id='testDiv'>
<p>{{results}}</p>
</div>
</body>
</html>
var prApp, prCtrl;
prApp = angular.module("prApp", []);
prApp.controller("prCtrl", prCtrl = function($scope, $rootScope) {
$rootScope.results = 'Hello World!';
return $scope.$apply();
});
<button type="button" onclick='$("#testDiv").removeClass().addClass("animated fadeInUp");'>Fade In</button>
<button type="button" onclick='$("#testDiv").removeClass().addClass("animated fadeOutUp");'>Fade Out</button>
Plunker或fiddle将有助于调试。什么是返回$scope.$apply（）？？？？
return $scope.$apply();