AngularJS前端，directive的template的点击事件 绑定

HTML部分

JS部分

app.directive("distribution", function () {
    return {
        restrict: 'AE',
        scope: {
            params:'=',
            rule: '=',
            oldFlag: '=',
            oldRule: '=',
            model: '=',
            subParam: '=',
            dateSubParam: '=',
            onRuleChange: '&',
            showMdPeriod: '&',
            addSectionRate : '&',
            initialScaleList : '='
        },

其中scope部分的符号，可以参考：

@

单项绑定的前缀标识符
使用方法：在元素中使用属性，好比这样

，注意，属性的名字要用-将两个单词连接，因为是数据的单项绑定所以要通过使用{{}}来绑定数据。

=

双向数据绑定前缀标识符
使用方法：在元素中使用属性，好比这样

,注意，数据的双向绑定要通过=前缀标识符实现，所以不可以使用{{}}。

<

单项绑定的前缀标识符，和=使用类似。不同的是改变内部scope不会反映到parent的scope

使用方法：在元素中使用属性，好比这样,directive的定义scope: { localModel:'。代码

&

绑定函数方法的前缀标识符
使用方法：在元素中使用属性，好比这样

，注意，属性的名字要用-将多个个单词连接。

'' +
					'' +
						'' +
							'' +
						'' +
					'' +
				'
\n' +
								'
' +
								'
 月  
' +
								'
' +
								'
 日  
' +
								'
' +
									'删除' +
								'
' +
							'
' +
				'
' +
				'
' + '
', link: function ($scope) { // 分配频率添加按钮 $scope.deleteSectionRate = function(index) { $scope.initialScaleList.splice(index, 1); } }

欢迎关注微信号【Java小灶台】，一起学习

05——前端AngularJS

相关

angularjs $emit $on $broadcast 父子 兄弟之间传值

前端MVC学习总结（三）——AngularJS服务、路由、内置API、jQueryLite

再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

一个基于angularJS的工资计算器

AngularJS基础

从Angularjs升级到Angular(译文）

angularjs+highcharts开发

AngularJS - 框架

day67—angularJS学习笔记控制器

前端框架angularJS

Angular与AngularJS区别

angularjs animation

标签