1

Имеется проект на Laravel. Есть два поля.

Первое поле - количество участников.

Второе - сумма на одного участника.

<input type="number" ng-model="model.amount_users">
<input type="text" ng-model="model.price">

Передо мной стоит задача при при создании и редактировании через эту форму делить общую сумму на количество участников и записывать это значение во второе поле.

Общая сумма выводится во view через {{$game->price}}.

Куда записать общую сумму и как манипулировать вторым полем?

4
  • $game->price Это серверная переменная?
    – romeo
    22 окт 2015 в 23:27
  • $game - это массив, который передаётся во вьюху из контроллера. 23 окт 2015 в 11:01
  • Вьюха и контроллер, где расположены - на сервере? В Angular тоже есть понятие controller и view. Данная конструкция {{$game->price}} смахивает на шаблонизатор Blade, используемый в Laravel. В ответе, который представлен ниже подставляете вашу переменную ng-init="total_price={{$game->price}}".
    – romeo
    23 окт 2015 в 13:53
  • Вы, случаем, не родственник Маврина? :)
    – romeo
    23 окт 2015 в 13:57

1 ответ 1

1

Все серверные переменные, которые являются глобальными по отношению к клиенту лучше всего указывать где-нибудь в заголовке страницы (<body> или <html>) через ng-init.

Смотрите результат:

angular.module('app', [])

.controller('MainCtrl', MainCtrl);

MainCtrl.$inject = ['$scope'];

function MainCtrl($scope) {
  $scope.submit = function($event) {
    $event.preventDefault();
    if ($scope.amount_users) {
      $scope.average_price = $scope.total_price / $scope.amount_users;
    }
  };
}
input {
  display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>

<div ng-app="app" ng-init="total_price=20" ng-controller="MainCtrl">
  <form ng-submit="submit($event)">
    <input type="text" ng-model="total_price" placeholder="total_price">
    <input type="text" ng-model="amount_users" placeholder="amout users">
    <input type="submit">
  </form>
  Average price: <span ng-bind="average_price"></span>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.