xeditable drop down的选定值无法正常工作

时间:2015-07-06 17:24:14

标签: javascript html angularjs html5 x-editable

我正在使用xeditable模块。所以我的问题是如何获得下拉列表的更改值?此时它不起作用。请检查下面的插件。提前谢谢。

 <div ng-controller="Ctrl" style="margin: 50px">
      <a href="#" editable-select="user.status" e-ng-options="s.value as s.text for s in statuses" e-ng-change="myAlert(user.status)">
        {{ showStatus() }}
      </a>
      <br><br>
      debug: {{ user | json }}
    </div>

Plunker

修改

我需要根据下拉值(当用户选择它时)隐藏左侧文本框(Name's column)。你能告诉我该怎么做吗?

JSFiddle

编辑2:

enter image description here

1 个答案:

答案 0 :(得分:1)

这是一个从小提琴中分出来的快速示例,将下拉菜单更改为1:

http://jsfiddle.net/crv2vst5/

$scope.Selected = 0;
$scope.Hidden = false;

$scope.HideNameColumn = function(val) {

    if(parseInt(val) == 1){        
        $scope.Hidden = true; 
    }
    else{             
        $scope.Hidden = false;
    }       
}      

编辑:

完成:http://jsfiddle.net/Lw7h956h/

最终:

JsFiddle