Javascript 根据angular js中的条件在下拉列表中隐藏元素
如果用户在输入字段中键入“Cha”,我想在下拉列表中隐藏选项“Chad”。 为此,我使用angular js和javascript编写了以下代码,在if子句中应该包含什么? 是否有其他方法来执行此操作Javascript 根据angular js中的条件在下拉列表中隐藏元素,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,如果用户在输入字段中键入“Cha”,我想在下拉列表中隐藏选项“Chad”。 为此,我使用angular js和javascript编写了以下代码,在if子句中应该包含什么? 是否有其他方法来执行此操作 <!DOCTYPE html> <html lang="en"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script
<!DOCTYPE html>
<html lang="en">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
</script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<form>
First Name:
<input type="text" ng-model="firstname">
</form>
<select ng-model="selectedName" ng-options="name for name in names">
</select>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstname = "Cha";
//assigning elements to the drop down list
$scope.names = ["Chad", "Ab", "Za"];
if($scope.firstname=="Cha"{
//new code segment here
}
});
</script>
</body>
</html>
名字:
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.firstname=“Cha”;
//将元素指定给下拉列表
$scope.names=[“Chad”、“Ab”、“Za”];
如果($scope.firstname==“Cha”{
//这里有新的代码段
}
});
试试这个
名字:
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
//$scope.firstname=“Cha”;
//将元素指定给下拉列表
$scope.names1=[“Chad”、“Ab”、“Za”];
$scope.names=[“Chad”、“Ab”、“Za”];
$scope.names2=[“Ab”,“Za”];
$scope.inputUpdate=函数(名称){
如果(名称=='Chad'){
$scope.names=$scope.names2;
}否则{
$scope.names=$scope.names1;
}
}
//如果($scope.firstname==“Cha”{
////此处有新的代码段
// }
});
我认为这可以通过javascript中的splice()方法实现