ng-options指令不起作用，无法在angularjs库中找到它
[英]ng-options directive is not working, unable to find it in library of angularjs
问题描述
我的ng-option指令不起作用，在AngularJS库中找不到。 我尝试了几乎所有有效的来源，但仍然只有此指令不起作用。 甚至我也尝试过angularjs.org网站上的代码。
<html>
<head>
<title>View</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script>
var mymodule = angular.module('mymodule' ,[]);
mymodule.controller('x' , function($scope){
$scope.point = ['point1' , 'point2' , 'point3' , 'point4'];
$scope.selectedpoint = $scope.point[1];
});
</script>
</head>
<body ng-app="mymodule">
<div ng-controller="x">
<select ng-model="selectedpoint" ng-options="item from items in point"></select>
Select = {{selectedpoint}}
<hr/>
<div ng-switch="selectedpoint">
<div style="border: 1px solid;" ng-switch-when="point1"> First file is selected</div>
<div style="border: 1px solid;" ng-switch-when="point2"> Second file is selected</div>
<div style="border: 1px solid;" ng-switch-when="point3"> Third file is selected</div>
<div style="border: 1px solid;" ng-switch-when="point4"> Fourth file is selected</div>
</div>
</div>
</body>
4 个解决方案
解决方案1
2 2015-08-10 11:45:01
正确的语法是：
<select ng-model="selectedpoint" ng-options="item as item for item in point"></select>
对于：
<option value="point1">point1</option>
<option value="point2">point2</option>
<option value="point3">point3</option>
要么：
<select ng-model="selectedpoint" ng-options="item for item in point"></select>
对于：
<option value="0">point1</option>
<option value="1">point2</option>
<option value="2">point3</option>
解决方案2
0 2015-08-10 11:48:42
<html> <head> <title>View</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script> <script> var mymodule = angular.module('mymodule' ,[]); mymodule.controller('x' , function($scope){ $scope.point = ['point1' , 'point2' , 'point3' , 'point4']; $scope.selectedpoint = $scope.point[2]; }); </script> </head> <body ng-app="mymodule"> <div ng-controller="x"> <select ng-model="selectedpoint" ng-options="item for item in point">1</select> Select = {{selectedpoint}} <hr/> <div ng-switch="selectedpoint"> <div style="border: 1px solid;" ng-switch-when="point1"> First file is selected</div> <div style="border: 1px solid;" ng-switch-when="point2"> Second file is selected</div> <div style="border: 1px solid;" ng-switch-when="point3"> Third file is selected</div> <div style="border: 1px solid;" ng-switch-when="point4"> Fourth file is selected</div> </div> </div> </body>
玩得开心..！！
解决方案3
0 2015-08-10 12:42:27
您在ng-options中犯了错误，我更正了您的代码
<select ng-model="selectedpoint" ng-options="item as item for items in point"></select>
点是控制器的作用域值。 分配给项目的代码，然后我们在项目之前溢出值和名称。
解决方案4
-1 已采纳 2015-08-10 11:48:28
<html>
<head>
<title>View</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script>
var mymodule = angular.module('mymodule' ,[]);
mymodule.controller('x' , function($scope){
$scope.point = ['point1' , 'point2' , 'point3' , 'point4'];
$scope.selectedpoint = $scope.point[1];
});
</script>
</head>
<body ng-app="mymodule">
<div ng-controller="x">
<select ng-model="selectedpoint" ng-options="item for item in point"></select>
Select = {{selectedpoint}}
<hr/>
<div ng-switch="selectedpoint">
<div style="border: 1px solid;" ng-switch-when="point1"> First file is selected</div>
<div style="border: 1px solid;" ng-switch-when="point2"> Second file is selected</div>
<div style="border: 1px solid;" ng-switch-when="point3"> Third file is selected</div>
<div style="border: 1px solid;" ng-switch-when="point4"> Fourth file is selected</div>
</div>
</div>
</body>
</html>
如何从angularjs指令中的ng-options返回对象的索引
[英]how to return index of object from ng-options in angularjs directive
使用从服务填充的 ng-options 的 AngularJS 自定义指令
[英]AngularJS Custom Directive using ng-options populated from service
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.