javascript - 使用 $scope 变量自动设置字段 - AngularJS

Question

在填写文本字段和预选择下拉列表时遇到麻烦。

这是我的 Angular 代码。

angular.module('MyCtrl', [])


    .controller('myController', ['$scope','$http', function($scope,$http) {
                $scope.user = {};
                $scope.master = {};
            $scope.user.name='Fahad'; //this text field and is not working
            $scope.user.gender='Male'; //this is select and also not working

      $scope.update = function(user) {
           //... some code that take all the user fields and update to DB
       };
      $scope.reset = function() {
         $scope.user = angular.copy($scope.master);
      };
     $scope.reset();
    }]);

HTML:

<input type="text" ng-model="user.name" name="uName">
<select ng-model="user.gender" name="mType" required>
   <option value="Male" selected="selected">Male</option>
   <option value="Female">Female</option>
</select>

其他都很好。 更新函数获取所有文本字段并更新，

但由于某种原因，我需要预先填写一些字段。

感谢您的帮助。

Answer 1

问题出在第一行，您正在尝试使用 ng-Model 引导 Angular。它应该是 ng-app 并且之后一切都适合:)

HTML 代码:

//Over here change ng-model to ng-app
<div ng-app="MyCtrl">
    <div ng-controller="myController">
        <input type="text" ng-model="user.name" name="uName">
        <select ng-model="user.gender" name="mType" required>
            <option value="Male" selected="selected">Male</option>
            <option value="Female">Female</option>
        </select>
        <button ng-click="update(masjid)">Submit</button>
    </div>
</div>

Working Fiddle