AngularJS, Databind Несколько полей формы

Хорошо, у меня есть форма редактирования в AngularJS, и я хочу показывать данные в текстовых окнах через угловые привязки данных.AngularJS, Databind Несколько полей формы

Вот форма, которую я сделал до сих пор.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/html"> 
<head> 
    <link href="<?php echo base_url(); ?>/styles/formcss.css" rel="stylesheet" type="text/css"/> 
    <script src="<?php echo base_url(); ?>/scripts/angular.min.js"></script> 
</head> 
    <body ng-app> 
    <div ng-controller="controller"> 
    <form> 
    <label for="name">UserID:</label> <input type="text" name="UserID" ng-model="user.UserID" value=""><br> 
    <label for="UserName">Name:</label> <input type="text" name="UserName" ng-model="user.UserName" value=""><br> 
    <label for="rollno">In Game Name:</label> <input type="text" name="GameName" ng-model="user.InGameName" value="" ><br> 
    <label for="father">CNIC Number:</label> <input type="number" name="Cnic" ng-model="user.Cnic" value="" ><br> 
    <label for="age">Age:</label> <input name="Age" ng-model="user.Age" type="number" value="" ><br> 
    <label for="email1">Email:</label> <input name="Email" ng-model="user.Email" type="email" value="" ><br> 
    <label for="email2">Res enter Email:</label> <input id="email2" type="email" name="email2" value="" ><br> 
    <label for="pass1">Password:</label> <input id="pass1" type="password" name="Pass" ng-model="user.Password" value=""><br> 
    <label for="pass2">Re enter Password:</label> <input id="pass2" type="password" name="pass2" value="" ><br> 
    <label style="margin-bottom:-10px; " for="male">Male</label><input class="gen" ng-model="user.Gender" id="male" type="radio" name="g" value="Male"><br> 
    <label style="margin-bottom:15px;" for="female">Female</label><input class="gen" ng-model="user.Gender" id="female" type="radio" name="g" value="Female"><br> 
    <label class="dis" for="about" >About:</label> <textarea rows="5" cols="40" id="about" type="text" value=""></textarea><br> 
    <button style="margin-left: 225px;" ng-click="save()" >Save</button> 
    </form> 
    </div> 
    <script> 
     function controller ($scope,$http) 
     { 
      var angularform="<?php echo base_url(); ?>index.php/datacon/angform" 
      $scope.save=function() 
      { 
      $http.post(angularform, $scope.user); 
      } 
     } 
    </script> 
    </body> 
</html>

Вот Массив Json Я получаю от контроллера JSON:

{"datas":[{"UserID":"168","UserName":"fdaa","Cnic":"23424","Email":"[email protected]","Password":"asdad","Age":"12","Gender":"Male","Picture":null,"InGameName":"fds","ContactID":null,"GroupID":null,"ClanID":null}]}

Но как показать эти значения в TextBoxes через привязки Угловых данных?

Или если я делаю что-то не так, пожалуйста Переадресуйте меня на мои ошибки, чтобы я мог решить свои ошибки.

источник

2013-07-12 Sizzling Code

информация о ng-model –

Я не уверен, правильно ли я получаю вас. Но я думаю, что если вы используете $scope и ng-model, они отлично выполняют свою работу. Вы используете абсолютно правильно.

С помощью $http.post() вы можете сохранить данные. В то же время данные будут присутствовать в текстовых полях.

Что именно вы хотите сделать. Пожалуйста, объясните немного больше, чтобы люди могли попытаться объяснить вам больше.

источник

2014-06-30 21:10:47 rajeshwerkushwaha

AngularJS, Databind Несколько полей формы

ответ

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