必填字段验证

Question

我希望当我单击“更新”按钮时，它应验证用户是否为必填字段，我添加了电子必需的属性，但无法正常工作。

请查看此小提琴： http : //jsfiddle.net/NfPcH/669/

HTML：

<h4>Angular-xeditable Trigger manually (Bootstrap 3)</h4>
<div ng-app="app" ng-controller="Ctrl">
<span editable-text="user.name" e-form="textBtnForm" buttons="no" e-required />
{{ user.name || 'empty' }}
</span>
 <button class="btn btn-default" ng-click="(textBtnForm.$visible && save()) || textBtnForm.$show()" >
  {{textBtnForm.$visible | editOrUpdate}}
 </button>
</div>

Js控制器：

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

app.filter('editOrUpdate', function() {
return function(arg) {
    return (arg) ? 'Update' : 'Edit';
};
});

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

app.controller('Ctrl', function($scope) {
$scope.user = {
name: 'awesome user'
};
$scope.save = function(event){
    $scope.textBtnForm.$save();
    //save here your data
    //call the object that you passed ($scope.user)
    //get te specific value at ($scope.user.name)
    //alert($scope.user.name);
    return true;
};
});

请帮助我解决此问题。

谢谢。

Answer 1

请尝试如下所示。祝您好运！ :)

HTML

<div ng-app="app" ng-controller="Ctrl">
  <span editable-text="user.name" e-form="textBtnForm" e-required>
    {{ user.name || 'empty' }}
  </span>
  <button class="btn btn-default" ng-click="textBtnForm.$show()" ng-hide="textBtnForm.$visible">
    edit
  </button>
</div>

JS

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

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

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

现场演示： JSFiddle