指令的角度API

时间:2016-04-18 18:12:17

标签: javascript angularjs rest user-interface

您如何看待创建公开服务的指令的方法?

示例有一个指令,然后获取UI将具有的请求:

<api-http id="clients" uri="rest/clients"></api-http>

<button ng-click="clients.get()">search clients</button>

<table>
<tr ng-repeat="client in clients.results.data"> 
<td>{{client.name}}</td>
</tr>
</table>

api-http是一个通过ui暴露api休息的策略,我调用在id中公开的api的按钮,调用在变量结果下将结果存储在api中的get,并在这里显示resultsenter代码在下表中,他们想到了这种方法吗?

这并不免除控制器的使用,因为我们可以让控制器和控制器调用api可视组件。

1 个答案:

答案 0 :(得分:0)

这样的指令看起来像这样:

.directive('apiHttp', function($http) {
  return {
    link: function(scope, element, attrs) {
      scope[attrs.id] = {
        results: null,
        get: function() {
          $http.get(attrs.uri).then(function(response) {
            this.results = response;
          }.bind(this))
        }
      }
    }
  };
});

演示: http://plnkr.co/edit/30jPmH0gcGkjGlzVJuGd?p=preview