美文网首页让前端飞前端攻城狮Web 前端开发
angularJS自定义directive之带参方法&传

angularJS自定义directive之带参方法&传

作者: 竿牍 | 来源:发表于2018-02-08 11:01 被阅读13次

    自定义指令 "myEmail"

    app.directive("myEmail",function(){
    return{
    restrict:'AE',
    scope:{
       sendEmail:'&'
    },
    templateUrl:'<div><textarea ng-model="content"></textarea><button ng-click="sendEmail({msg:content})">提交</button></div>',
    }
    });
    

    控制器中的方法

    app.controller("myCtrl",function($scope){
     $scope.send=function(msg){
     console.log("send email!, message: "+msg);
      }
    }
    

    Html调用

    <my-email send-email="send(msg)"/>
    

    关键点

    指令模板中的ng-click="sendEmail({msg:content})" 参数{msg:content}必须是一个键值对,键为:方法参数名 ,值为:传递的内容

    相关文章

      网友评论

        本文标题:angularJS自定义directive之带参方法&传

        本文链接:https://www.haomeiwen.com/subject/zfzzzxtx.html