javascript - angularjs 更新 ng-model 的值以设置默认值

Question

我正在尝试设置用户名( $scope.userName) 和密码( $scope.password) 的默认值，我尝试过使用 ng-init 但它不工作，但它在这里不工作是我的代码:

APP.directive('loginUser', ['$http','$interval','$rootScope','$timeout', function ($http,$interval,$rootScope,$timeout) {
function link($scope, element, attrs) {

    $scope.userName = 'Ali';
    $scope.password = 'pass';

}

return {
    link: link
};


}]);

这是我的html

<div class="modal-body" login-user  >

    <form class="custom-form" name="loginForm" ng-submit="loginSubmit()" novalidate>

        <label class="museo_sans500" for="email">Nome utente o indirizzo email</label>
        <input type="text" class="form-control museo_sans300" id="userName" placeholder="Nome utente o indirizzo email" ng-init="userName='<?php echo "Yesss" ?>'"   name="UserName" minlength="5" ng-model="userName" required="required">

      <div class="form-group">
        <label class="museo_sans500" for="password">Password</label>
        <input type="password" class="form-control museo_sans300" id="password" placeholder="Password" name="password"  minlength="5" ng-model="password"  required="required">
      </div>
      <div class="form-group">
        <label class="museo_sans700"><a href="javascript:void(0)"  ng-click="forgotPasswordShow()">Hai dimenticato la password?</a></label>
        <label class="museo_sans700" style="margin-left: 30px;"><input type="checkbox" ng-model="rememberMe" name="remember-me"> Ricordami</label>
      </div>
      <button type="submit" class="btn play-now museo_sans500 m-t-20px login-btn"  ng-disabled="loginForm.$invalid">ENTRA</button>
      <div class="or museo_sans500">oppure</div>

    </form>
  </div>

提前致谢

Answer 1

而不是 ng-init 你应该在你的 controller/directive 中分配默认值并且在输入字段中只使用 ng-model。

在指令中:

$scope.userName = 'Ali'; // default name

在 html 中:

<input type="text" class="form-control" id="userName" placeholder="name" name="UserName" ng-model="userName" required="required">

PLUNKER DEMO