<div class="input-group col-md-12">
    <input type="text" class="form-control input-lg"/>
    <span class="input-group-btn">
        <button class="btn btn-info btn-lg" type="button">
            <i class="glyphicon glyphicon-search"></i>
        </button>   
    </span>
</div>

मूल रूप से, जब बटन WebAPI पर क्लिक किया जाता है तो मैं इनपुट फ़ील्ड का मान पोस्ट करने का प्रयास कर रहा हूं

मेरी वेबएपीआई विधि

public string Post([FromBody]dynamic value)
{
    return some value from form here; // JToken
}
0
leon123 13 अगस्त 2018, 22:54
1
AngularJS डेवलपर गाइड - फ़ॉर्म देखें। ng-model और ng-submit निर्देशों का प्रयोग करें।
 – 
georgeawg
14 अगस्त 2018, 04:40

2 जवाब

आपको अपने कोड के चारों ओर लिपटे HTML फॉर्म की आवश्यकता इस प्रकार है

<form novalidate name="frm1">
    <div class="input-group col-md-12">
        <input type="text" class="form-control input-lg" name="firstName" ng-model="user.firstName" />
        <input type="text" class="form-control input-lg" name="lastName" ng-model="user.lastName" />
        <span class="input-group-btn">
                <button class="btn btn-info btn-lg" type="button" ng-click="submit($event, user)">
                    <i class="glyphicon glyphicon-search"></i>
                </button>   
            </span>
    </div>
</form>

अपने प्रत्येक इनपुट को बांधने के लिए एनजी-मॉडल निर्देश का उपयोग करें और आपके नियंत्रक को निम्नानुसार संशोधित करना चाहिए

angular.module('main').controller('someController', function($scope, $http) {
    $scope.user = {
        firstName: null,
        lastName: null
    };

    $scope.submit = function($event, user) {
        $http.post('api/users', user)
        .then(function(response) {
            console.log('success');
        }).catch(error) {
            console.log(error);
        }
    };
});
0
Rahul Sharma 14 अगस्त 2018, 08:40
here am giving the Code example for getting the users list from the table Users
Step 1:
public JsonResult UserLogin()
        {
            using (Codesnnip Db = new Codesnnip())
            {
                var user = Db.users.ToList();
                return Json(user, JsonRequestBehavior.AllowGet);
            }
        }

Step 2: step in to angular js
    Step 2.1 create a angular anglar app

    var SampleApp = angular.module('SampleApp',[]);

    Step 2.2 create controller for the View

    SampleApp.controller('HomeCtrl',['$scope',function($scope){

    }]);

    step 2.3 create a service to getting the users data

    SampleApp.factory('userData',function($http){
        var fac = {};
        fac.GetUsers = function(){
            return $http.get('/Home/UserLogin'); // Controllername/action
        }
        return fac;
    });

    after creating the service use this service in the controller like this

    step 2.4
        in html

        <button ng-click="getUserdata()">GetAllUsers</button>

    SampleApp.controller('HomeCtrl',['$scope','userData',function($scope,userData){
        $scope.usersList = null;
        $scope.getUserdata = function(){
            userData.GetUsers().then(function(d){
                $scope.usersList = d.data;
            })
        }
    }]);
0
Chaitanya Babu 14 अगस्त 2018, 13:57