如何在Angular JS的输入字段中设置值？

Question

我是有角度的初学者。 我能够使用ng-model进行下拉并获得其价值。 但是我需要在输入字段上获得不同的值。 如果下拉值的值为空白，则输入字段值为“空白”。 当下拉值为“一个”，输入中填充有“ rahul”，因此我将在检查下拉值时设置这些值？

Plunker： http ://plnkr.co/edit/wVo9SW8Lc0uVr213grR2?p=preview

<!DOCTYPE html>
<html>
  <head>
    <link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="app" ng-controller='cntrl'>
    <select ng-model="myColor" ng-options="color.name for color in colors"></select>
    <button ng-click="getColor()">getvalue</button>
    <input type ="text"/>
  </body>

  <script>
    angular.module('app',[]).controller('cntrl',function($scope){
      $scope.colors=[{name:"one"},{name:"two"},{name:"tree"}]
      $scope.getColor=function(){
        alert('--'+$scope.myColor.name)
      }
    })
  </script>
</html>

没有办法检查下拉值吗？ 有什么方法可以检查onchange侦听器的角度吗？ 有没有其他条件？

Answer 1

您可以使用<input type="text" value="{{getValue()}}">将input字段的值绑定到javascript函数。 然后，getValue（）函数可以检查myColor变量并相应地返回。 我还简化了模型，颜色现在是字符串数组。 当myColor==="one" ， getValue返回填充输入的“ rahul”，否则返回“”；

另请： plunkr

如何在Angular JS的输入字段中设置值？

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-08-17 01:27:46

如何在Angular JS的输入字段中设置值？

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-08-17 01:27:46

解决方案1
0 已采纳 2014-08-17 01:27:46