AngularJS nie wysyła ukrytej wartości pola

Zawsze możesz użyć type=text i display:none;, ponieważ Angular ignoruje ukryte elementy. Jak mówi OP, normalnie byś tego nie zrobił, ale to wygląda na szczególny przypadek.

<input type="text" name="someData" ng-model="data" style="display: none;"/>

W kontrolerze:

$scope.entityId = $routeParams.entityId;

W widoku:

<input type="hidden" name="entityId" ng-model="entity.entityId" ng-init="entity.entityId = entityId" />

Znalazłem fajne rozwiązanie napisane przez Mike ' a na sapiensworks. Jest to tak proste, jak użycie dyrektywy, która obserwuje zmiany w twoim modelu:

.directive('ngUpdateHidden',function() {
    return function(scope, el, attr) {
        var model = attr['ngModel'];
        scope.$watch(model, function(nv) {
            el.val(nv);
        });
    };
})

A następnie związać swoje wejście:

<input type="hidden" name="item.Name" ng-model="item.Name" ng-update-hidden />

Ale rozwiązanie dostarczone przez tymeJV może być lepsze, ponieważ wejście Ukryte nie odpala zdarzenia zmiany w javascript, jak powiedział yycorman na ten post, więc przy zmianie wartości za pomocą wtyczki jQuery nadal będzie działać.

Edit Zmieniłem dyrektywę, aby zastosować nowa wartość wraca do modelu po wywołaniu zdarzenia change, więc będzie działać jako tekst wejściowy.

.directive('ngUpdateHidden', function () {
    return {
        restrict: 'AE', //attribute or element
        scope: {},
        replace: true,
        require: 'ngModel',
        link: function ($scope, elem, attr, ngModel) {
            $scope.$watch(ngModel, function (nv) {
                elem.val(nv);
            });
            elem.change(function () { //bind the change event to hidden input
                $scope.$apply(function () {
                    ngModel.$setViewValue(  elem.val());
                });
            });
        }
    };
})

Więc po uruchomieniu zdarzenia $("#yourInputHidden").trigger('change') z jQuery, zaktualizuje również binded model.

Osiągnąłem to przez-

 <p style="display:none">{{user.role="store_user"}}</p>

Znalazłem dziwne zachowanie dotyczące tej ukrytej wartości () i nie możemy tego zrobić.

Po zabawie okazało się, że najlepszym sposobem jest zdefiniowanie wartości w samym kontrolerze po zakresie formularza.

.controller('AddController', [$scope, $http, $state, $stateParams, function($scope, $http, $state, $stateParams) {

    $scope.routineForm = {};
    $scope.routineForm.hiddenfield1 = "whatever_value_you_pass_on";

    $scope.sendData = function {

// JSON http post action to API 
}

}])

Update @ tymeJV 's answer eg:

 <div style="display: none">
    <input type="text" name='price' ng-model="price" ng-init="price = <%= @product.price.to_s %>" >
 </div>

Miałem ten sam problem, Naprawdę muszę wysłać klucz z mojego jsp do java script, Spędza około 4 godzin lub więcej mojego dnia, aby go rozwiązać.

Dołączam ten tag do mojego JavaScript / JSP:

 $scope.sucessMessage = function (){  
    	var message =     ($scope.messages.sucess).format($scope.portfolio.name,$scope.portfolio.id);
    	$scope.inforMessage = message;
    	alert(message);  
}
 

String.prototype.format = function() {
    var formatted = this;
    for( var arg in arguments ) {
        formatted = formatted.replace("{" + arg + "}", arguments[arg]);
    }
    return formatted;
};

<!-- Messages definition -->
<input type="hidden"  name="sucess"   ng-init="messages.sucess='<fmt:message  key='portfolio.create.sucessMessage' />'" >

<!-- Message showed affter insert -->
<div class="alert alert-info" ng-show="(inforMessage.length > 0)">
    {{inforMessage}}
</div>

<!-- properties
  portfolio.create.sucessMessage=Portf\u00f3lio {0} criado com sucesso! ID={1}. -->

Wynik był: Portfólio 1 criado com sucesso! ID = 3

Pozdrawiam

Na wypadek, gdyby ktoś nadal miał z tym problem, miałem podobny problem podczas próby śledzenia sesji użytkownika / userid na formularzu wielostronicowym

Ive fixed that by adding

.kiedy ("/q2/: uid" w routingu:

    .when("/q2/:uid", {
        templateUrl: "partials/q2.html",
        controller: 'formController',
        paramExample: uid
    })

I dodano to jako ukryte pole do przekazywania param pomiędzy stronami formularza webform

Jestem nowy w Angular, więc nie jestem pewien, czy jest to najlepsze możliwe rozwiązanie ale wydaje mi się, że teraz Działa ok

Bezpośrednio przypisz wartość do modelu w atrybucie data-ng-value. Ponieważ Angular interpreter nie rozpoznaje ukrytych pól jako części ngModel.

<input type="hidden" name="pfuserid" data-ng-value="newPortfolio.UserId = data.Id"/>

Używam klasycznego javascript, aby ustawić wartość na ukryte wejście

$scope.SetPersonValue = function (PersonValue)
{
    document.getElementById('TypeOfPerson').value = PersonValue;
    if (PersonValue != 'person')
    {
        document.getElementById('Discount').checked = false;
        $scope.isCollapsed = true;
    }
    else
    {
        $scope.isCollapsed = false;
    }
}

Poniższy kod będzie działał dla tego IFF w tej samej kolejności, w jakiej został wymieniony upewnij się, że zamówienie jest wpisz następnie nazwę, ng-model ng-INIT, wartość. to wszystko.

Tutaj chciałbym podzielić się moim roboczym kodem:

<input type="text" name="someData" ng-model="data" ng-init="data=2" style="display: none;"/>
OR
<input type="hidden" name="someData" ng-model="data" ng-init="data=2"/>
OR
<input type="hidden" name="someData" ng-init="data=2"/>