Novelty Polygonal Mathematics

    ng-restful-collection

    1.0.1 • Public • Published

    ng-restful-collection Circle CI

    Install

    • Bower: bower install ng-restful-collection
    • NPM: npm install ng-restful-collection
    <script src="angular(.min).js"></script>
    <script src="ng-restful-collection(.min).js"></script>

    Usage

    ng-restful-collection-example contains a simple example todo list application using a MEAN stack and ng-restful-collection.

    html:

    <script src="angular.min.js"></script>
    <script src="ng-restful-collection.min.js"></script>
     
    <div ng-app="TodoList" ng-controller="TodoCtrl" ng-restful-collection="[{type: 'TodoResource'}]">
      <ul>
        <li ng-repeat="todo in todoResource.data.collection">
          <span>{{todo.title}}</span>
          <button ng-click="todo.edit != todo.edit">Edit</button>
          <button ng-click="todoResource.remove(todo)">Remove</button>
          <form ng-if="todo.edit" ng-init="todoCopy = getEditCopy(todo)" name="editForm">
            <label>
              <span>Todo:</span>
              <input type="text" name="todo" ng-model="todo.name" title="Todo" required/> 
            </label>
            <button type="submit" ng-click="todoResource.save(todoCopy, showConfirmation, showError)">Save</button>
          </form>
        </li>
      </ul>
     
      <form name="addForm">
        <label>
          <span>Todo:</span>
          <input type="text" name="todo" ng-model="newTodo.name" required/>
        </label>
        <button type="submit" ng-click="todoResource.save(newTodo, showConfirmation, showError)">Save</button>
      </form>
    </div>

    Javascript:

    //inject directives and services.
    var app = angular.module('TodoList', ['ngRestfulCollection'])
      .config(function($resourceLibraryProvider) {
        $resourceLibraryProvider.defaults.baseLinks = {
          TodoResource: '<RESTful resource url>'
        };
      }).controller('TodoCtrl', function($scope) {
        $scope.showConfirmation = function(data) {
          alert('Todo ' + data.name + ' has been created');
        };
        
        $scope.showError = function(error) {
          alert(error.message);
        };
      });

    Install

    npm i ng-restful-collection

    DownloadsWeekly Downloads

    1

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • onumossn