最近在自个儿研究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. PostCss 从0开始

    PostCss 摘自 http://ju.outofmemory.cn/entry/215105 http://www.w3cplus.com/PostCSS/postcss-deep-dive-pr ...

  2. 两个DIV，左DIV宽度固定，右DIV自动填满剩余空间

    <style type="text/css"> #main{ width:98%; } #sidebar{ float:left; width:200px; backg ...

  3. java中输出流OutputStream 类应用实例(转)

    OutputStream类该类是字节输出流的抽象类,定义了输出流的各种操作方法.这些方法的说明如表1所示.下面通过实例介绍如何使用OutputStream类向控制台输出字符串信息.步骤如下.(1)创建 ...

  4. java积累

    数组的使用 package javaDemo; import java.util.*; /** * * @author Administrator * @version 1.0 * * */ publ ...

  5. 老去的JEE，焕发生命

    JEE的社区 JEE从出生到现在,十多年了.在软件领域,好听的说法,基本上就是Legacy系统了,不好听,那就是恐龙.曾经疯魔万千开发者的Springframework, Jboss 社区, Apac ...

  6. 安装python模块

    要想在python中使用import的一些模块,前提是要安装这些模块. 可以使用pip来导入模块. 打开终端,输入命令: sudo easy_install pip 安装好pip后,就可以使用pip来 ...

  7. golang 并发之协程及通道

    一.概述 在golang中,每个并发执行单元称为goroutine,当程序启动时,main函数在一个单独的goroutine中运行,(main goroutine).新的goroutine会用go语句 ...

  8. sql存储过程的简单使用

    存储过程(Stored Procedure)是数据库系统中,一组为了完成特定功能的SQL 语句集,经编译后存储在数据库中,用户通过指定存储过程的名字并给出参数(如果该存储过程带有参数)来执行它. 创建 ...

  9. CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET\Framework64\v2.0.50727\Temporary ASP.NET Files\root\921bbfc4\ca7cf42\App_Code.fu98jwep.dll”--“拒绝访问。 ”

    在本地开发环境没问题,但是发布到服务器出现:未能写入输出文件“c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Fil ...

  10. VB.NET中vbcr 是回车、vbcrlf 是回车和换行的结合、vblf 是换行

    cr 是回车,是到本行的头部 lf 是换行,是到下一行 crlf 是到下一行的头部 vbcrlf=vbcr   &   vblf Windows     一般使用vbcrlf换行 Unix   ...