今天碰到的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 ...
随机推荐
- Sql Server数据库快照初探
什么是快照 数据库快照是 SQL Server 数据库(源数据库)的只读静态视图.换句话说,快照可以理解为一个只读的数据库.利用快照,可以提供如下好处: 提供了一个静态的视图来为报表提供服务 可以利用 ...
- 错误解决一_call time pass-by-reference removed
我的操作: 定义function my_function(&$param) 调用 my_function(&$value)错误来了:Call-time pass-by-referenc ...
- storage theory
preface/prehight:topic: Storage(share fileSystem(可共享文件系统,Access I/O existence bottleNeck,access read ...
- javascript关键字加亮加连接
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/str ...
- HDoj-1228-A + B
A + B Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Subm ...
- C++ 文件操作实例
图1 文件个数及名称 图2 文件内容 背景:如图1所示,现有9个要处理的文件,每个文件的内容格式如图2所示,仅仅只是数值部分不同. 问题:如何提取每个文件中的相同属性的数值到同一个文件中? 输出示例: ...
- prototype演变
setp1 var Person = function () {}; //构造器 var p = new Person(); setp1 演变: var Person = function () {} ...
- 转发年浩大神的spfa算法
http://www.cnblogs.com/superxuezhazha/p/5426624.html #include<iostream> #include<stdio.h> ...
- 64位windows8.1编译openjdk8
首先下载openjdk8http://hg.openjdk.java.net/jdk8/jdk8/这里用到版本管理工具Mercurial,与git有些类似,不了解的话可以查一下.clone后,里面有个 ...
- Mac之vim普通命令使用
Mac之vim普通命令使用 标签: vim命令 高级一些的编辑器,都会包含宏功能,vim当然不能缺少了,在vim中使用宏是非常方便的: :qx 开始记录宏,并将结果存入寄存器x q 退出记录模式 @x ...