demo:
在应用中自定义一个月份选择器指令,这个指令在首页中有连个地方用到:
//这是第一次使用<div on-month-select class=''></div>//这是第二次使用<div on-month-select class=''></div>
指令的html简化后是这样
<div> <select ng-model="month" ng-change='selectUpdate()'> <option value='1月'>1</option> <option value='2月'>2</option> </select></div>
指令的逻辑简化后是这样:
app.directive('onMonthSelect', function () { return { restrict: "AE", templateUrl:'directives/month.html', replace: true, link: function( scope, element, attrs ) { console.log('some thing'); } }; });
在控制中,函数selectUpdate监听select下拉框的变化,在selectUpdate的逻辑中,如何知道当前激活的是哪个下拉框?因为页面中针对不同的下拉框,有一些独特的业务逻辑需要加进去
UYOU
相关分类