最近在自个儿研究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 中的一个小坑的更多相关文章

  1. mysql url 连接配置的一个小坑。 工作中不会遇到。 学习的时候会

    <property name="driverClassName"> <value>com.mysql.jdbc.Driver</value> & ...

  2. go的变量redeclare的问题，golang的一个小坑

    go的变量声明有几种方式: 1 通过关键字 var 进行声明 例如:var i int   然后进行赋值操作 i = 5 2 最简单的,通过符号 := 进行声明和赋值 例如: i:=5 golang会 ...

  3. Angular测试遇到的小坑

    Angular测试遇到的小坑 Error: Expected to be running in 'ProxyZone', but it was not found 检查doneFn的写法是否正确,位置 ...

  4. Go的List操作上的一个小“坑”

    转自http://sharecore.net/blog/2014/01/09/the-trap-in-golang-list/ 一直想不清楚一个问题,简单设计的东西到底是“坑多”还是“坑少”呢? 复杂 ...

  5. 一次 react-router 中遇到的小坑

    react-router Link 标签不生效的问题 废话不多说, 直接上问题, 排解过程和答案 现象: 发现 使用 Link 标签没有 元素的样式和效果, 也不能进行跳转 代码如下: render( ...

  6. [LeetCode]29 两数相除和一个小坑点

    给定两个整数,被除数 dividend 和除数 divisor.将两数相除,要求不使用乘法.除法和 mod 运算符. 返回被除数 dividend 除以除数 divisor 得到的商. 示例 1: 输 ...

  7. 注意Android里TextView控件的一个小坑，用android:theme来设置样式时动态载入的layout会丢失该样式

    注意Android里TextView控件的一个小坑,用android:theme来设置样式时动态载入的layout会丢失该样式 这个坑,必须要注意呀, 比如在用ListView的时候,如果在List_ ...

  8. 关于sniff函数的一个小坑

    最近在用scapy模块写一个关于WiFi的脚本时用到sniff函数,其中遇到了一个小坑,记录如下: sniff函数是在指定网卡上每次嗅探到一个数据包后然后将它传给prn指定的函数.

  9. Github作为图床的一个小坑

    Github作为图床的一个小坑 前言 听了少铭同学建议把github作为图床,结果遇到了一个小坑,总是显示不出来图片. 问题描述与解决 形如下的链接是显示不出来的: https://github.co ...

随机推荐

  1. MFC 全部自绘控件 界面库

    http://download.csdn.net/detail/q97082645/8160793 http://download.csdn.net/user/q97082645/uploads/3

  2. rsyslog ~ 波浪号

    <pre name="code" class="html">Using negation can be useful if you would li ...

  3. NYOJ306 走迷宫(dfs+二分搜索)

    题目描写叙述 http://acm.nyist.net/JudgeOnline/problem.php?pid=306 Dr.Kong设计的机器人卡多非常爱玩.它经常偷偷跑出实验室,在某个游乐场玩之不 ...

  4. leetcode_question_115 Distinct Subsequences

    Given a string S and a string T, count the number of distinct subsequences of T in S. A subsequence ...

  5. POJ 3692 Kindergarten (二分图 最大团)

    Kindergarten Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 5660   Accepted: 2756 Desc ...

  6. makefile之cmake入门

    cmake是一款生成makefile的软件:在生成makefile之前,首先是写一个CMakeLists.txt文件: 以下为典型例子: 先看目录tree, 在test文件夹中有:include目录, ...

  7. css背景渐变兼容（兼容所有ie）

    css3里面一行可以搞定的事,换到ie里,要用滤镜,在网上找了很多,不知道什么原因都没用,终于找到个有用的,放在这里,方便大家用,自己也找得到~ 完整型代码,兼容所有浏览器: ​background: ...

  8. 最小生成树Jungle Roads

    这道题一定要注意录入方式,我用的解法是prime算法 因为单个字符的录入会涉及到缓冲区遗留的空格问题,我原本是采用c语言的输入方法录入数据的,结果对了,但是提交却一直wrong,后来改成了c++的ci ...

  9. rsa 密钥和公钥的生成

    openssl genrsa -out prikey.pem openssl rsa -in prikey.pem -pubout -out pubkey.pem

  10. codinglife主题小修改和有意思的博客挂件

    这个主题很漂亮,不过为了迎合自己的喜好ヽ(•̀ω•́ )ゝ,修改了字号.阴影之类的小细节.同时下面还有我博客里面的两个有意思的小挂件,请向右边看(๑و•̀ω•́)و 1.主题修改:复制下面的css代码 ...