Question

我正在尝试使用ng-init使用自定义初始化ng-model。但它没有在html页面中显示该值。

<md-input-container class="md-block">
   <input disabled="" ng-model="ctrl.userDetail.AccountLockStatus" ng-init="ctrl.userDetail.AccountLockStatus = (ctrl.userDetail.AccountStatus === 'Y')?'Locked':'Not Locked'">
</md-input-container>

Answer 1

您可以在controller中尝试这种方式：

$scope.init = function() {
  if($scope.userDetail.AccountLockStatus === 'Y') {
     $scope.userDetail.AccountLockStatus = 'Locked'
  }else {
     $scope.userDetail.AccountLockStatus = 'Not Locked'
  }
}

$scope.init();

在模板中：

<md-input-container class="md-block">
   <input disabled="" ng-model="ctrl.userDetail.AccountLockStatus">
</md-input-container>

不要有条件ng-init，请看这个链接：ng-init assign values conditionally

Answer 2

您可以使用md-switch或md-checkbox。他们提供ng-true-value和ng-false-value设置。

<md-switch ng-model="ctrl.userDetail.AccountStatus" ng-true-value="'Y'" ng-false-value="'N'">
  Account Lock Status
</md-switch>

https://material.angularjs.org/latest/api/directive/mdSwitch

在角度材料输入中初始化ng模型

2 个答案: