在AngularJS指令的相同上下文中获取元素(具有相同名称的元素,多个元素上的指令)

时间:2015-03-18 15:03:06

标签: javascript jquery angularjs directive

我在几个元素上使用相同的指令时遇到问题。

我想要做的是在特定的指令上下文中返回元素的selectedindex。

示例:假设我有6个元素(相同的类)具有相同的指令。如果我更改其中一个元素的select选项,我希望指令返回我更改的那个的selectedindex。

让我们在澄清时给出代码:

function changeyvalue() {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {

            scope.ifChangeSelect = function () {

                //Returns selectedindex of last inputfntsize.
                var a = $(element[0]).prop('selectedIndex');

                //Gets parent
                var selectIndex = $(element).parent();

                //Also returns selectedindex of last inputfntsize. 
                var getChildrenParent =    selectIndex.children('.inputFntSize').first().prop('selectedIndex');

                if (a == 0)
                {
                    alert("true");
                }

            }

        }

并说我有6个看起来像这样的元素,(但我也有几个看起来相同的父元素);

<select class="inputFntSize" changeyvalue ng-change="changeIfSelect()" ng-model="test.selectedFontSize" ng-options="fontsize for fontsize in test.fontsizes"></select>

基本上,我希望selected元素返回我更改值的元素,而不是最后创建的元素。关于如何做的任何想法?

0 个答案:

没有答案