获取输入标记中的值而不单击它 - angularjs

时间:2018-05-25 15:08:44

标签: javascript angularjs

我有一个defualt值为3的输入标签。我想使用angular得到defualt值,如图所示

HTML

<input ng-model="mid" value="3" type="text" id="dataid" placeholder="here..." />

脚本

$scope.logId = function() {
        console.log($scope.mid);
        return ($scope.mid);
    }

我的挑战是,如果我调用ng-click on logId而不输入默认值,则返回undefined。但是如果我在页面加载后编辑默认输入值,它不会返回undefined。请问如何使用angularjs

获取输入标签中的默认值

1 个答案:

答案 0 :(得分:0)

它应该是另一种方式,你不应该混合世界之间,角度世界和原生的。

输入的默认值必须来自$scope.mid,因此在创建当前页面/组件的控制器时,需要在$scope.mid上指定默认值。

angular.module('app', [])
  .controller('ctrl', function() {
    this.value = 3;
  });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>

<div ng-app="app">
  <div ng-controller="ctrl as $ctrl">
    <input type="text" ng-model="$ctrl.value" />
    <pre>{{$ctrl | json}}</pre>
  </div>
</div>