Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular js中设置输入字段中的值?_Javascript_Jquery_Angularjs_Angularjs Directive_Angularjs Ng Repeat - Fatal编程技术网

Javascript 如何在angular js中设置输入字段中的值?

Javascript 如何在angular js中设置输入字段中的值?,javascript,jquery,angularjs,angularjs-directive,angularjs-ng-repeat,Javascript,Jquery,Angularjs,Angularjs Directive,Angularjs Ng Repeat,我是英语初学者。我能够使下拉列表,并能够得到它的价值使用ng模型。但我需要在输入字段上得到不同的值。如果下拉值的值为空,则输入字段值为空。当下拉值是一个用rahul填充的输入时,那么我将在检查下拉值时设置这些值 普朗克: 是否无法检查下拉列表的值?有没有办法检查angular中的onchange listener?是否存在if-else条件?您可以使用将输入字段的绑定到javascript函数。然后,getValue函数可以检查myColor变量并相应地返回。我还简化了模型,颜色现在是字符串数组

我是英语初学者。我能够使下拉列表,并能够得到它的价值使用ng模型。但我需要在输入字段上得到不同的值。如果下拉值的值为空,则输入字段值为空。当下拉值是一个用rahul填充的输入时,那么我将在检查下拉值时设置这些值

普朗克:

是否无法检查下拉列表的值?有没有办法检查angular中的onchange listener?是否存在if-else条件?

您可以使用将输入字段的绑定到javascript函数。然后,getValue函数可以检查myColor变量并相应地返回。我还简化了模型,颜色现在是字符串数组。当myColor==1时,getValue返回填充输入的rahul,否则返回


请参阅:

答案很好。。。!!!谢谢,但是当您更改选择选项it show two time Alerts(显示两次警报)时,您的it调用两次出现问题。如果需要调用一次,您可以使用$scope.$watch监视变量并相应地更新绑定到输入的变量。看见
<!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>