Question

以下是我需要在变更事件中应用的视图代码

<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-change，e-ng-change和onchange，但这些都不起作用。

Answer 1

这是x-editble网站的摘录

double amount =-200.0;
    Locale locale = new Locale("en", "US");      
    NumberFormat currencyFormatter = NumberFormat.getCurrencyInstance(locale);
    System.out.println(currencyFormatter.format(amount));

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>函数，这是您的解决方案

如何在角度xeditable中应用更改事件

1 个答案: