2015-04-06 2 views
0

Кажется, я не могу понять, почему «старт» и «финишная» часть моей формы не отображаются. Это первый раз, когда я когда-либо работал с AngularJS, и после того, как я провел несколько сеансов онлайн, я использовал генератор Meanys с примером статей. Затем я взял пример статей и попытался перенести его на эту задачу планирования. Это действительно не имеет значения, хотя, я просто хочу знать, почему последние два входа в форме не отображаются на мой взгляд.Форма детали не отображается - AngularJS

Любая помощь очень ценится

Вот код для моего зрения:

<section data-ng-controller="SchedulesController"> 
    <div class="page-header"> 
     <h1>New Schedule</h1> 
    </div> 
    <div class="col-md-12"> 
     <form name="scheduleForm" class="form-horizontal" data-ng-submit="create()" novalidate> 
      <fieldset> 
       <div class="form-group" ng-class="{ "has-error": scheduleForm.title.$dirty && scheduleForm.title.$invalid }"> 
        <label class="control-label" for="title">Title</label> 
        <div class="controls"> 
         <input name="title" type="text" data-ng-model="title" id="title" class="form-control" placeholder="Title" required> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label class="control-label" for="content">Content</label> 
        <div class="controls"> 
         <textarea name="content" data-ng-model="content" id="content" class="form-control" cols="30" rows="10" placeholder="Content"></textarea> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label class="control-label" for="start">Start</label> 
        <div class="controls"> 
         <input name="finish" value="" type="date" data-ng-model="start" class="form-control" required> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label class="control-label" for="finish">Finish</label> 
        <div class="controls"> 
         <input name="finish" value ="" type="date" data-ng-model="finish", class="form-control" required> 
        </div> 
       </div> 
       <div class="form-group"> 
        <input type="submit" class="btn btn-default"> 
       </div> 
       <div data-ng-show="error" class="text-danger"> 
        <strong data-ng-bind="error"></strong> 
       </div> 
      </fieldset> 
     </form> 
    </div> 
</section> 

Вот код для моего контроллера:

'use strict'; 

angular.module('schedules').controller('SchedulesController', ['$scope', '$stateParams', '$location', 'Authentication', 'Schedules', 
    function($scope, $stateParams, $location, Authentication, Schedules) { 
     $scope.authentication = Authentication; 

     $scope.create = function() { 
      var schedule = new Schedules({ 
       title: this.title, 
       content: this.content, 
       start: this.start, 
       finish: this.finish 
      }); 
      schedule.$save(function(response) { 
       $location.path('schedules/' + response._id); 
       console.log('hola!'); 
       $scope.title = ''; 
       $scope.content = ''; 
      }, function(errorResponse) { 
       $scope.error = errorResponse.data.message; 
      }); 
     }; 

     $scope.remove = function(schedule) { 
      if (schedule) { 
       schedule.$remove(); 

       for (var i in $scope.schedules) { 
        if ($scope.schedules[i] === schedule) { 
         $scope.schedules.splice(i, 1); 
        } 
       } 
      } else { 
       $scope.schedule.$remove(function() { 
        $location.path('schedules'); 
       }); 
      } 
     }; 

     $scope.update = function() { 
      var schedule = $scope.schedule; 

      schedule.$update(function() { 
       $location.path('schedules/' + schedule._id); 
      }, function(errorResponse) { 
       $scope.error = errorResponse.data.message; 
      }); 
     }; 

     $scope.find = function() { 
      $scope.schedules = Schedules.query(); 
     }; 

     $scope.findOne = function() { 
      $scope.schedule = Schedules.get({ 
       scheduleId: $stateParams.scheduleId 
      }); 
     }; 
    } 
]); 
+0

https://jsfiddle.net/xhuuL5qg/ Я отбросил это в jsfiddle, и, похоже, код работает. Какие ошибки вы получаете в консоли? Похоже, что их должна быть какая-то другая часть вашего приложения, которая блокирует загрузку этой формы. –

ответ

0

Гм ... Ну, ребята ... Я не знаю, ПОЧЕМУ это сработало, и все во мне говорит мне, что это не проблема, НО:

Уведомление линия <input name="finish" value ="" type="date" data-ng-model="finish", class="form-control" required>

«» была ошибка (я написал скрипт, который портирован все из статей на график, maintining структуру кода и просто изменить все упоминания о [Aa] Статья {S} -> [Ss] chedule { s}, и это было оставлено в этом (по какой-то причине, не знаю, где он пришел). Во всяком случае, я удалил комментарий и побежал grunt build && grunt test && grunt, и он сработал. Теперь я получаю правильный рендер.

Смежные вопросы