最近在自个儿研究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. Oracle EBS-SQL (BOM-6):检查物料失效但BOM中未失效的数据.sql

    select msi.segment1                   装配件编码 , msi.description                  装配件描述 , msi.item_type ...

  2. asp.net数据库操作类（二）

    第二版的数据库访问类出炉了:  C# Code  123456789101112131415161718192021222324252627282930313233343536373839404142 ...

  3. 这才是正确删除 office 的方式

    https://support.office.com/zh-cn/article/%E9%80%9A%E8%BF%87%E5%9C%A8%E9%87%8D%E6%96%B0%E5%AE%89%E8%A ...

  4. Bash debug

    Debugging bash scripts Bash can help us to find problems in bash scripts in some ways. You don't exp ...

  5. [原]容器学习（一）：动手模拟spring的IoC

    介绍 学习经典框架的实现原理以及设计模式在其实际中的运用,是非常有必要的,可以让我们更好进行面向对象. 本篇文章就来模拟Spring的IOC功能,明白原理后,可以更好的使用它,进而为进行面向对象提供一 ...

  6. Emotional Mastery——英语学习小技巧之一

    How can we control or manage our emotion ,so that we feel better and feel stronger when we're learni ...

  7. JavaScript之insertBefore()和自定义insertAfter()的用法。

    在JS图片库的第五版开发完后http://www.cnblogs.com/GreenLeaves/p/5691797.html#js_Five_Version我们发现一个问题,就是假设在图片列表之后还 ...

  8. Javascript 原型和原型链

    先来了解一下Javascript中的原型:”原型也是一个对象,原型可以用来实现继承...“ 对于 原型,构造函数,以及实例之间的关系:“每个(构造)函数都有一个原型属性,原型对象都包含一个指向构造函数 ...

  9. inline函数和一般的函数有什么不同

    1.比如: int g(int x) { return x + x; } int f() { return g(); } 这样f会调用g,然后g返回x + x给f,然后f继续把那个值返回给调用者. 如 ...

  10. Hibernate的使用梳理

    Hibernate创建步骤 (五大核心接口:Configuration/SessionFactory/Session/Transaction/Query) 1.新建java工程,导入需要的jar包. ...