分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

angular(mvc)指令的嵌套使用

发布时间:2023-09-06 01:14责任编辑:彭小芳关键词:指令

关于指令嵌套的使用,取值问题。

原理类似于控制器中使用指令,父指令类似于控制器,子指令就类似于控制器中指令。通过传值方式‘=’,我们直接可以在父指令中获取数据

举一个例子:

有个指令parentDirective模板文件是:parentHtml还有一个childDirectivemyapp.directive("childDirective",[function(){ ?return{
    template:‘....../childHtml‘,
    link:function(){
      ngModel:‘=‘
    }
  } ?????}]);
模板文件:childHtml
在parentDirective中引入childDirective
myapp.directive("parentDirective",
‘.../js/directive/childDirective‘
[function(){ ?return{
    template:‘....../parentHtml.html‘,
    link:function(s,el,attr){
      s.$watch(‘giveData‘,function(n,o){
         console.log(n);     
      });
    }
  } ?????}]);
parentHtml.html
<child-directive ?ng-model="giveData"></child-directive>

如果你想互相引用指令的控制器,你可以看看下面的文章链接

http://blog.csdn.net/zhoukun1008/article/details/51296692

angular(mvc)指令的嵌套使用

原文地址:http://www.cnblogs.com/evaling/p/7597472.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved