标签: angularjs-design-patterns

在我的AngularJS应用程序中,我有一个包含a <textarea>和提交按钮的模板.A <div>(可以很容易<form>)包装这两个元素并有一个控制器.当单击提交按钮时,控制器将$ resource服务用于POST从<textarea>REST API 到值的值.

模板:

<div ng-controller="MyController as vm">
  <textarea ng-model="vm.text" rows="5"></textarea>
  <button ng-click="vm.save()">Save</button>
</div>

控制器:

angular.module('myApp')
  .controller('MyController', MyController);

MyController.$inject = ['myRestApiResource'];

function MyController(myRestApiResource) {
  var vm = this;
  vm.save = function() {
    var params = [];
    var postData = {text: vm.text};
    myRestApiResource.save(params, postData)
      .then(function(res) { /* success handler */ })
      .catch(function(res) { /* error handler */ });
  };
}

当资源save()方法的$ promise被拒绝时,响应数据(在某些情况下)包含一个error.position属性,该属性引用检测到语法错误的字符串索引 …