ng repeat:用数组填充下拉选项
ng-repeat: populate drop down options with array
我有一个简单的JavaScript对象,如下所示:
$scope.obj = { "'Architect'": ["asdf","d","e","y"]};
我想在选择框中显示'Architect'
的值。然而,当我尝试做ng-repeat
时,这些单引号让我很反感。
<select>
<option ng-repeat="row in obj['Architect']" value="{{row}}">{{row}}</option>
</select>
这不会填充选择框,它只是显示一个空的选择框。我认为它将单引号解释为字符串文字,但即使我添加单引号并对其进行转义,它仍然不能按预期工作。我是不是错过了什么?
下面是一个示例plunker:
转义引号如何正确地转义html属性中的引号?
<option ng-repeat="row in obj["'Architect'"]" value="{{row}}">{{row}}</option>
http://plnkr.co/edit/6xUD3Zg0jxV05b41f2Gw?p=preview
为什么不使用"ng选项"进行选择?把这个锁上AngularJs API:选择
以下是带有外部json 的ng repeat的完整代码
HTML
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>datatable using jquery.datatable in angularjs</title>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container" ng-app="problemApp" data-ng-controller="validationCtrl">
<select>
<option ng-repeat="item in testdata" value="">{{item.name}}</option>
</select>
</div>
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
index.js
var app=angular.module('problemApp', []);
app.controller('validationCtrl',function($scope,$http){
$http.get('http://localhost/Dtable_angular/ngrepeatdropdown/test.json').success(function (data) {
$scope.testdata = data;
console.log($scope.testdata)
})
$scope.dataTableOpt = {
//custom datatable options
// or load data through ajax call also
"aLengthMenu": [[10, 50, 100,-1], [10, 50, 100,'All']],
};
});
test.json
[{
"countryId": 1,
"name": "France - Mainland",
"desc": "some description"
},
{
"countryId": 2,
"name": "Gibraltar",
"desc": "some description"
},
{
"countryId": 3,
"name": "Malta",
"desc": "some description"
}
]
相关文章:
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 使用jquery在选择框中的选项中填充数据
- 解析和填充 jQuery 插件的选项数组
- 动态下拉列表选项在添加多列后未填充
- 使用 ajax 填充选择时没有选定的默认选项的问题
- 使用数组中的选项填充选择菜单
- 如何使用其他下拉列表中未选择的选项填充下拉列表
- JSrender使用已选择的选项填充多个选择框
- 如何根据第一个<选择>选项填充第二个<选择>选项
- 使用 javascript 使用 PHP 数组中的选项填充动态创建的下拉列表
- 如何使我的选项成为默认选项,以便如果我清除下拉列表,它将由默认选项填充
- 如何从选择菜单的选项填充文本字段
- 在选择字段后从JSON中选择选项填充字段列表?Php, js, html
- 从下拉框中选择的选项填充另一个文本框/下拉值更改时的值
- 使用angular根据选定的过滤器选项填充表
- 使用XML根据用户定义的选项填充HTML页面
- 如何在jquery中使用动态选择选项填充动态输入字段
- 如何在交互式地图上使用自定义选项填充谷歌地图自动完成搜索结果
- 用从各种选择中选择的选项填充选择-jquery
- 根据AngularJS的另一个字段的输入,使用数据将选项填充到select中