加载视图时设置的输入占位符

Input placeholder set when loading the view

本文关键字：输入 占位符 设置 视图 加载      更新时间：2023-09-26

我有以下输入字段

<input type="number" ng-model="data.mainOdd1" min="0" step="any" placeholder="#1 Main Odd" onfocus="this.placeholder=''" 
         aw-limit-length="6" ui-blur="mainInputsChange('mainOdd1', $event, '#1 Main Odd');" 
           ng-focus="mainOdd1Border = ''; mainOdd2Border = ''; bkOdd1Border = ''; bkOdd2Border = ''; mainOdd1Value = ''; bkOdd1Value = ''; bkOdd2Value = ''; bkOdd3Value = '';" 
             ng-style="mainOdd1Border">

它在开始时工作良好，占位符设置正确

在控制器中，我设置了以下功能

$scope.$on('$ionicView.enter', function() {
  $scope.data.mainOdd1 = '',
  $scope.data.mainOdd2 = '',
  $scope.data.bkOdd1 = '',
  $scope.data.bkOdd2 = '',
  $scope.data.result = 0,      
  $scope.data.win = '',                        
  $scope.data.winStake = 0,                
  $scope.data.backup1 = 0,
  $scope.data.return1 = '',                        
  $scope.data.return1Stake = 0,                      
  $scope.data.backup2 = 0,
  $scope.data.return2 = '',                        
  $scope.data.return2Stake = 0,                            
  $scope.data.backup3 = 0,  
  $scope.data.return3 = '',                        
  $scope.data.return3Stake = 0
})

以在开始时初始化变量。

结果是，当我切换到另一个视图并切换回这个视图时，该字段为空，没有占位符。

不管怎样，解决这个问题？我试着使用onLoad功能，但我不确定我是否正确使用它

感谢

如何使用angular进行操作的简写版本。

我强烈建议不要使用ng init；在控制器中声明pText1。如果你对多个输入这样做，我会为聚焦和模糊动作创建函数，并为预期值创建映射。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <input type="number" placeholder="{{pText1}}" ng-init="pText1 = 'Placeholder Text'" ng-focus="pText1 = ''" ng-blur="pText1 = 'Placeholder Text'" />
</div>

相关文章：