如何在角度js中设置输入字段的值?

时间:2014-08-16 23:46:10

标签: javascript jquery angularjs angularjs-directive angularjs-ng-repeat

我是棱角分明的初学者。我能够使用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>

有没有办法检查下拉值?有没有办法以角度检查更改侦听器?有没有if-else条件?

1 个答案:

答案 0 :(得分:0)

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

请参阅:plunkr