angularjs中两个同样的指令在页面中如何区分?

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的逻辑中,如何知道当前激活的是哪个下拉框?因为页面中针对不同的下拉框,有一些独特的业务逻辑需要加进去


小怪兽爱吃肉
浏览 647回答 1
1回答

UYOU

指令是可以重复使用的,不应该与业务逻辑绑定。可以暴露接口,执行回调函数来处理业务逻辑。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript