Angularjs中的注意点
来源:互联网 发布:面向对象编程的理解 编辑:程序博客网 时间:2024/05/22 14:30
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="angular.min.js"></script>
<script src="bootstrap.min.js"></script>
<script type="text/javascript">
angular.module('myapp', [])
.directive('addBookBtn', function($compile) {
return {
restrict: 'EA',
replace: true,
template: '<h3>Hello world</h3><h3>Hello world</h3>',
link: function(scope, elem, attrs) {
}
};
});
</script>
<style type="text/css">
</style>
</head>
<body ng-app="myapp">
<add-book-btn></add-book-btn>
</body>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="angular.min.js"></script>
<script src="bootstrap.min.js"></script>
<script type="text/javascript">
angular.module('myapp', [])
.directive('addBookBtn', function($compile) {
return {
restrict: 'EA',
replace: true,
template: '<h3>Hello world</h3><h3>Hello world</h3>',
link: function(scope, elem, attrs) {
}
};
});
</script>
<style type="text/css">
</style>
</head>
<body ng-app="myapp">
<add-book-btn></add-book-btn>
</body>
</html>
运行上面的代码报错Error: [$compile:tplrt]
原因是replace:true,此时要求template只有一个root element,但是template不符合要求。
所以要么replace:false,要么template改为<div><h3>Hello world</h3><h3>Hello world</h3></div>
0 0
- Angularjs中的注意点
- angularjs中的使用注意
- AngularJS的一些坑以及注意点
- AngularJS的一些坑以及注意点
- 制造中的注意点
- 编程中的注意点
- Oracle中的注意点
- 基础知识中的注意点
- 数据中的注意点
- Mybatis 中的注意点
- PostgreSQL中的注意点
- sql中的注意点
- Makefile 中的一些注意点
- Perl中的一些注意点
- 需求分析中的注意点
- glut.h中的注意点
- gl.h中的注意点
- 单片机编程中的注意点
- 【bzoj3697】【坑】采药人的路径 点分治
- win10 openjtag 驱动
- win7 旗舰版下如何分离磁盘空间与合并磁盘空间
- radiobutton的文本方位及与图片间距设置
- IzPack 学习教程 第一篇
- Angularjs中的注意点
- TableView详细解释
- Linux协议栈accept和syn队列问题
- 定时器的另一种初始化方法
- POJ 1090 Chain
- tabbaritem设置红点大小、自定义宽高
- TypeError:Cannot call method 'getItem' of null
- RealSense 开发(一):深度图像获取
- 怎么样终止一个线程呢?