2016-03-15 55 views
0

這是我的看法代碼,我需要申請上改變事件如何在變化的情況下應用的角度xeditable

<span editable-select="user.testtype" e-name="testtype" e-form="rowform" e-ng-options="s.id as s.type_name for s in testtypes"> 
{{ showTestType(user) }} 
</span> 

我試過ng-changee-ng-changeonchange內跨度但這些不工作。

+0

我們只能在輸入申請NG-change事件提交看到官方文檔https://docs.angularjs.org/api/ng/directive/ngChange – Rahul

+0

@Rahul這就是爲什麼它不工作的隊友。所以你有什麼建議來解決這個問題? –

回答

0

這是一個片段形成的X editble網站

var app = angular.module("app", ["xeditable", "ngMockE2E"]); 
 

 
app.run(function(editableOptions) { 
 
    editableOptions.theme = 'bs3'; 
 
}); 
 

 
app.controller('Ctrl', function($scope, $q, $http) { 
 
    $scope.user = { 
 
    id: 1, 
 
    name: 'awesome user' 
 
    }; 
 

 
    $scope.updateUser = function() { 
 
    console.log(this.$data) 
 
    return $http.post('/updateUser', $scope.user); 
 
    }; 
 
}); 
 

 
// mock `/updateUser` request 
 
app.run(function($httpBackend) { 
 
    $httpBackend.whenPOST(/\/updateUser/).respond(function(method, url, data) { 
 
    data = angular.fromJson(data); 
 
    if(data.name === 'error') { 
 
     return [500, 'Error message']; 
 
    } else { 
 
     return [200, {status: 'ok'}]; 
 
    } 
 
    }); 
 
});
div[ng-app] { margin: 50px; }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
 
<script src="http://vitalets.github.io/angular-xeditable/dist/js/xeditable.js"></script> 
 
<script src="https://code.angularjs.org/1.0.8/angular-mocks.js"></script> 
 
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/> 
 
<link href="http://vitalets.github.io/angular-xeditable/dist/css/xeditable.css"/> 
 
<h4>Angular-xeditable Onaftersave (Bootstrap 3)</h4> 
 
<div ng-app="app" ng-controller="Ctrl"> 
 
    
 
    <a href="#" editable-text="user.name" onaftersave="updateUser()"> 
 
    {{ user.name || 'empty' }} 
 
    </a> 
 
    
 
    <div style="margin-top: 30px"> 
 
    {{ user | json }}  
 
    </div> 
 
    
 
</div>

看看$scope.updateUser功能,這是你的解決方案

相關問題