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

angularjs update value of ng-model to set default value

本文关键字：设置 默认值 更新 ng-model AngularJS      更新时间：2023-09-26

我正在尝试设置用户名（$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>

提前致谢

而不是

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">

普兰克演示

对于属性占位符的值，请使用：

<input type="password" class="form-control museo_sans300" id="password" placeholder="{{password}}" name="password"  minlength="5" ng-model="password"  required="required">

很确定这应该有效。如果您仍然遇到问题，请告诉我如何。

相关文章：