html-AngularJS监听时间代码我看不懂,求大神解答

问题描述

AngularJS监听时间代码我看不懂,求大神解答

angular.module("ezstuff",[])
.directive("ezNamecardEditor",function(){
return {
restrict : "E",
template : "

",
replace : true,
link : function(scope,element,attrs){
//获得变量名称
var model = attrs.data;

        //展开HTML模板,使用field属性标记对应字段
        element.append("<li>name : <input type='text' field='name'></li>")
            .append("<li>gender : <input type='text' field='gender'></li>")
            .append("<li>age : <input type='text' field='age'></li>");

        //监听DOM事件,变化时修改变量值
        element.find("input").on("keyup",function(ev){
            var field = ev.target.getAttribute("field");
            scope[model][field] = ev.target.value;
            //将对scope的修改进行传播
            scope.$apply("");
        });
    }
};

})
.directive("ezLogger",function(){
return {
restrict : "A",
link : function(scope,element,attrs){
var model = attrs.data;

        scope.$watch(model,function(nv){
            var cnt = JSON.stringify(nv,null,'  ');
            element.html("<pre>"+cnt+"</pre ");
        },true);
    }
};

});

<!-- 下面两个指令都绑定到变量sb上-->

ul.nceditor{
list-style:none;
padding:10px;
margin:0px;
width:300px;
border:1px solid #787878;
line-height:30px;
}

解决方案

然后解答说:我们把ez-namecard和ez-namecard-editor都绑定到同一个sb对象上,那么在 ez-namecard-editor上进行编辑,将导致sb对象发生变化;由于ez-namecard监听了这个变化, 所以,ez-namecard的显示也应该变化。

但是我在上面的代码中没看到有ez-namecard的出现,应用到HTML中,JavaScript中的ezNamecardEditor变成了HTML中的ez-namecard-editor,可以直接这么断开么?有规则么?

还有....directive(..){...}中
return{..}中
restrict有A有E是为什么?
Link是干什么用的..

scope.$watch(model,function(nv){
var cnt = JSON.stringify(nv,null,' ');
element.html("

"+cnt+"</pre ");
        },true);

除了watch的三个参数的格式,里面的两句代码是什么意思?

解决方案二:

在这里插入代码的格式为什么这么丑...也求解

相关文章


  • 文件系统-这有一个Linux中我看不懂的问题,详情 看描述 求解答
  • 安卓-求大神简单直白描述,我看了一些资料,还是看不懂
  • 急急急急急-大神帮我看下log cat 哪错了 本人菜鸟
  • c++-求大神解答关于摩根定律的问题
  • java请进,本人小白,这个很简单程序看不懂,单击事件。请帮我讲解一下,就是用AIDE开发的呜呜
  • java-ImageJ里的Bonej中的thickness算法,有人能解释原理吗?JAVA我看不懂
  • 求大神帮忙怎么写-求大神帮忙进来看看怎么写
  • 图书管理系统-有段代码看不懂,求大神给解释一下
  • struts2.0-struts2中配置文件这样写看不懂啊 大神帮忙解答
  • c++-他们说这是关于虚函数的,可是我看不懂,求解。

【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约  详情请点击

热门推荐


  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇


  • excel-asp.net mvc3 导出Excel并让客户端选择路径下载
  • c#cookie的回收机制是怎样的
  • c++-C++调用exe文件并获取其中的数据

后三篇


  • java的垃圾回收机制采用roottrance判断对象是否是垃圾,这个对象的多层引用怎么判断?
  • redis-缓存初始化数据库里数据量过大
  • ajax-请问为什么response返回了一个javascript代码

(yq.aliyun.com)为您免费提供html-AngularJS监听时间代码我看不懂,求大神解答相关信息,包括
html

class

angularjs

代码
pre
的信息
,所有html-AngularJS监听时间代码我看不懂,求大神解答相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_33929,您可以点击html-AngularJS监听时间代码我看不懂,求大神解答-手机站访问。

时间: 2025-01-02 04:00:27

html-AngularJS监听时间代码我看不懂,求大神解答的相关文章

WINFORM中用DSOFramer打开word,如何监听Ctrl+P按键事件?求大神解答!

问题描述 WINFORM中用DSOFramer打开word,如何监听Ctrl+P按键事件?求大神解答!在WINFORM窗体中,我可以监听到CTRL+P,但是一把鼠标移到DSOFramer的控件中,点击一下,再按CTRL+P就会直接弹出打印的对话框来,而没有触发任何事件.请教大神,如何监听DSOFramer的控件中的CTRL+P事件.谢谢! 解决方案 解决方案二:顶起,请各位大神不吝赐教!解决方案三:顶起,这个DSOFramer控件有这些事件,请大家帮我看一下,哪一个事件可以监听键盘按键的事件,我

think-分享代码调用问题,求大神解答 感激不尽

问题描述 分享代码调用问题,求大神解答 感激不尽 <volist name="list" id="vo" > 这里是遍历的文章 <script> window._bd_share_config = { common: { //此处放置通用设置[] bdText: '{$vo.title}', bdDesc: '{$vo.description|msubstr=###,0,150}', bdUrl: 'http://www.weiduhui.c

关于监听数据表的问题,求大神给个思路

问题描述 我想监听某张表,当有数据插入的时候,取出数据并post到服务器上目前唯一能想到的就是轮询,每隔几秒去查一下还有其他思路能实现吗? 解决方案 解决方案二:可以,但要是实时性要求比较高呢,几秒钟查一下能不能符合你的要求了解决方案三:数据插入是以什么方式完成的?可以根据数据插入完成时,产生的事件来驱动,要是网页输入的,就麻烦解决方案四:写数据库作业呗,程序的自动服务只会定时去执行,就是你说的只能轮查.解决方案五:引用2楼oysy的回复: 数据插入是以什么方式完成的?可以根据数据插入完成时,产

javascript-js中有段代码不理解,只有3行的,可能是用来让setTimeout的时间更加精准的,求大神鉴定

问题描述 js中有段代码不理解,只有3行的,可能是用来让setTimeout的时间更加精准的,求大神鉴定 function animate() { var start = +new Date(); //其他的语句 var finish = +new Date(); //请问这里为什么要减去(finish-start) setTimeout(animate, 1000 - (finish-start)); } 解决方案 每一个动画本身也需要时间,这样做使得动画播放的周期正好是1秒,当然不可能很精确

游戏-求大神解答,关于Android屏幕监听的问题

问题描述 求大神解答,关于Android屏幕监听的问题 1C 最近在学Android开发,打算做一个游戏,但有一个效果不知道如何实现(如图),当点击屏幕时方块上升松开时方块下降. 之前用java是监听按钮,有按下和松开两个函数,当按下时flag=1,松开时flag=2,然后根据flag在draw()画不同的状态.再在run()改坐标.实现动画. 现在Android用OnTouchListener监听SurfaceView没有松开屏幕的方法,不知道怎么搞了,求大神指导. 解决方案 有关Androi

代码有错误,求大神帮忙指导!!!!

问题描述 代码有错误,求大神帮忙指导!!!! public class ContactsFragment extends Fragment implements OnClickListener { public static String hostIp; private ExpandableListView userList; private UserExpandableListAdapter adapter; private List<String> strGroups; //所有一级菜单名

代码有错误,求大神帮忙指点迷津!!!!

问题描述 代码有错误,求大神帮忙指点迷津!!!! public class ChatFragment extends BaseFragment implements OnClickListenerReceiveMsgListener{ // private NetThreadHelper netThreadHelper; // private ImageView chat_item_head; //头像 private TextView chat_name; //名字及IP private Te

struts2.0-struts2中配置文件这样写看不懂啊 大神帮忙解答

问题描述 struts2中配置文件这样写看不懂啊 大神帮忙解答 [1].top 解决方案 [1]表示一个参数,具体怎么定义的要看你的程序了. 解决方案二: [1].top能不能具体点 解决方案三: 还有result param name=root 这里root指什么? 解决方案四: [1].top能不能具体点 解决方案五: [1]表示一个参数,具体怎么定义的要看你的程序了. 解决方案六: 具体把代码贴出来看看.

java-为什么这三段代码写出来的文件没有区别,求大神解答

问题描述 为什么这三段代码写出来的文件没有区别,求大神解答 File f=new File("d:/text1.txt"); FileOutputStream outfile=new FileOutputStream(f,true); try { for(int i='A';i<='Z';i++) outfile.write(i); outfile.write('t'); byte b[]="java程序设计".getBytes(); outfile.writ