今天碰到的angular 中的一个小坑
最近在自个儿研究angular，在写一个demo的时候总是有问题，最后发现居然是大小写的问题，卧槽 特tm的坑爹了，代码如下：
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="/css/bootstrap-3.0.0/css/bootstrap.css">
</head>
<body>
<div ng-controller="Demo_Ctr">
<!-- {{loveDrink}} <br/> -->
<drinking showLove="ShownInfo(name)"></drinking>
<drinking showLove="ShownInfo(name)"></drinking>
<drinking showLove="ShownInfo(name)"></drinking>
</div> <script src="/framework/angular-1.3.0.14/angular.js"></script>
<script src="/scopeAnd.js"></script>
</body>
</html>
var myApp=angular.module('myApp',[]);
myApp.controller('Demo_Ctr',['$scope',function($scope){
$scope.ShownInfo=function(name){
console.log("Hello "+name);
}
}]);
myApp.directive('drinking',function(){
return {
restrict:'AE',
scope:{
showLove:'&'
},
template:'<input type="text" ng-model="userName" /><br/>'+
'<button class="btn btn-default" ng-click="showLove({name:userName})">Show</button><br/>' } });
修改后的代码如下：
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="/css/bootstrap-3.0.0/css/bootstrap.css">
</head>
<body>
<div ng-controller="Demo_Ctr">
<!-- {{loveDrink}} <br/> -->
<drinking showLove="ShownInfo(name)"></drinking>
<drinking showLove="ShownInfo(name)"></drinking>
<drinking showLove="ShownInfo(name)"></drinking>
</div> <script src="/framework/angular-1.3.0.14/angular.js"></script>
<script src="/scopeAnd.js"></script>
</body>
</html>
var myApp=angular.module('myApp',[]);
myApp.controller('Demo_Ctr',['$scope',function($scope){
$scope.ShownInfo=function(name){
console.log("Hello "+name);
}
}]);
myApp.directive('drinking',function(){
return {
restrict:'AE',
scope:{
showlove:'&'
},
template:'<input type="text" ng-model="userName" /><br/>'+
'<button class="btn btn-default" ng-click="showlove({name:userName})">Show</button><br/>' } });
切记，directive中的这个属性不能大写,注意标记为红色的单词!
今天碰到的angular 中的一个小坑的更多相关文章
- mysql url 连接配置的一个小坑。 工作中不会遇到。 学习的时候会
<property name="driverClassName"> <value>com.mysql.jdbc.Driver</value> & ...
- go的变量redeclare的问题，golang的一个小坑
go的变量声明有几种方式: 1 通过关键字 var 进行声明 例如:var i int 然后进行赋值操作 i = 5 2 最简单的,通过符号 := 进行声明和赋值 例如: i:=5 golang会 ...
- Angular测试遇到的小坑
Angular测试遇到的小坑 Error: Expected to be running in 'ProxyZone', but it was not found 检查doneFn的写法是否正确,位置 ...
- Go的List操作上的一个小“坑”
转自http://sharecore.net/blog/2014/01/09/the-trap-in-golang-list/ 一直想不清楚一个问题,简单设计的东西到底是“坑多”还是“坑少”呢? 复杂 ...
- 一次 react-router 中遇到的小坑
react-router Link 标签不生效的问题 废话不多说, 直接上问题, 排解过程和答案 现象: 发现 使用 Link 标签没有 元素的样式和效果, 也不能进行跳转 代码如下: render( ...
- [LeetCode]29 两数相除和一个小坑点
给定两个整数,被除数 dividend 和除数 divisor.将两数相除,要求不使用乘法.除法和 mod 运算符. 返回被除数 dividend 除以除数 divisor 得到的商. 示例 1: 输 ...
- 注意Android里TextView控件的一个小坑，用android:theme来设置样式时动态载入的layout会丢失该样式
注意Android里TextView控件的一个小坑,用android:theme来设置样式时动态载入的layout会丢失该样式 这个坑,必须要注意呀, 比如在用ListView的时候,如果在List_ ...
- 关于sniff函数的一个小坑
最近在用scapy模块写一个关于WiFi的脚本时用到sniff函数,其中遇到了一个小坑,记录如下: sniff函数是在指定网卡上每次嗅探到一个数据包后然后将它传给prn指定的函数.
- Github作为图床的一个小坑
Github作为图床的一个小坑 前言 听了少铭同学建议把github作为图床,结果遇到了一个小坑,总是显示不出来图片. 问题描述与解决 形如下的链接是显示不出来的: https://github.co ...
随机推荐
- svn 同步到web目录
windows hook 下 @echo offSET REPOS=%1SET REV=%2SET DIR=%REPOS%/hooksSET PATH=%PATH%;SET WORKING=D:/w ...
- Oracle EBS-SQL (GL-2):从总帐追溯到库存
SELECT je_header_id,je_line_num,trx_class_name, trx_type_name, trx_number_displayed, trx_date, comme ...
- 無塵室(Clean Room)的級數標準規格
無塵室又稱潔淨室,是將一定空間範圍內空氣的微塵粒子.有害氣體.細菌等之污染物控制在一定的數量內.無塵室的等級是以一立方英呎含有多少大於0.5um的微塵粒子來定義的.下表是根據「美國聯邦標準209D規格 ...
- [原]基于CAS实现单点登录（SSO）：登录成功后，cas client如何返回更多用户信息
从cas server登录成功后,默认只能从casclient得到用户名.但程序中也可能遇到需要得到更多如姓名,手机号,email等更多用户信息的情况. cas client拿到用户名后再到数据库中查 ...
- nodejs项目中的路由写法
//两种路由写法,一种封装成函数,返回结果,此种方法可以传递参数, "use strict"; var _ = require("lodash"); var e ...
- Data visualization 课程 笔记3
Learn how humans work to create a more effective computer interface 三种reasoning的方式 Deductive Reason ...
- B. Wet Shark and Bishops(思维)
B. Wet Shark and Bishops time limit per test 2 seconds memory limit per test 256 megabytes input sta ...
- opencv 中cvZero（）的使用
cvZero(CvArr* ar); // 是让矩阵的值都为0,有初始化的作用, Eg: IplImage img=cvCreateImage(cvSize(640,480),IPL_DEPTH_ ...
- UNIX网络编程卷1 时间获取程序server UDP 协议无关
本文为senlie原创,转载请保留此地址:http://blog.csdn.net/zhengsenlie /** * UDP 协议无关 调用 getaddrinfo 和 udp_server **/ ...
- 自己写的操作sql的公共类
/* /' `\/ `. . .' : `. `. \\.' , `.` `. `. ,___/|\. `. : . \, .'./ ' '\ , ' .\ . \_.~ _; ; \/'. `\ . ...