我想显示倒计时器.我一直在参考以下页面 http://siddii.github.io/angular-timer/
但我得到以下错误.
错误:指令计时器的隔离范围定义无效:@？
谁能告诉我我错过了什么？
的index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="angular-timer.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<timer end-time="1451628000000">{{days}} days, {{hours}} hours, {{minutes}} minutes, {{seconds}} seconds.</timer>
</body>
</html>
app.js
var appModule=angular.module('app', ['timer']);
我有两件事要做:
var app=angular.module('app.directives', []);Run Code Online (Sandbox Code Playgroud)app.directive('dropdowns', function() {alert("dropdown directive"); return { restrict: 'AE', templateUrl: 'html/uploadFile.html' }; }); app.directive('uploadDir', function() { alert("upload directive"); return { restrict : 'AE', templateUrl : 'html/dropdowns.html' }; });
下拉指令正在工作但上传指令不起作用(uploadDir指令中的警告消息未显示)
语法是否正确？
的index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="ISO-8859-1">
<title>upload using directive</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script type="text/javascript" src="lib/ui-bootstrap-tpls-0.13.0.js"></script>
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/controllers/controllers.js"></script>
<script type="text/javascript" src="js/services/services.js"></script>
<script type="text/javascript" src="js/directives/directives.js"></script>
</head>
<body>
<div>
<div dropdowns></div>
<div uploadDir></div>
</div>
</body>
</html>