首页 > web前端 > js教程 > angular bootstrap中出现错误怎么办?

angular bootstrap中出现错误怎么办?

零下一度
发布: 2017-06-26 09:44:44
原创
1473 人浏览过
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="node_modules/angular-bootstrap-datetimepicker/src/css/datetimepicker.css"/>
</head>
<body ng-app="MyApp">
<p>{{mode}}</p>
    <datetimepicker data-ng-model="mode"></datetimepicker>
</body>
    <script type="text/javascript" src="node_modules/moment/moment.js"></script>
    <script type="text/javascript" src="node_modules/angular/angular.js"></script>
    <script type="text/javascript" src="node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script>
    <script type="text/javascript" src="node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js"></script>
    <script type="text/javascript" src="locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script>var myAppModule = angular.module('MyApp', ['ui.bootstrap.datetimepicker'])</script>
</html>
登录后复制
package.json
登录后复制
{  "name": "cynthia",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {"test": "echo \"Error: no test specified\" && exit 1"
  },  "author": "",  "license": "ISC",  "dependencies": {"angular-bootstrap-datetimepicker": "^1.1.4","bootstrap": "^3.3.7"
  }
}
登录后复制

 

把以上两个文件放到同一目录

npm install
登录后复制

运行index.html文件就可以看到效果了。

 

如果出现 : TypeError: Cannot set property '$render' of undefined

说明angular的版本太低,这个版本要求至少在v1.2.30以上.

github传送门:

 

以上是angular bootstrap中出现错误怎么办?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板