gpt4 book ai didi

javascript - 在自定义指令中使用 ng Repeat 来填充选择下拉列表

转载 作者:行者123 更新时间:2023-12-02 15:41:01 25 4
gpt4 key购买 nike

我在使用自定义指令内的 ng Repeat 填充选定的下拉列表时遇到问题。我发现这个示例看起来与我想要实现的目标非常相似 http://plnkr.co/edit/W1MMx7vjKKXFuV8LbBjJ?p=preview 。它似乎有效,但不是我的。

目标:获取选择下拉列表以显示 testArray 中的选项数组

Plunkr:http://plnkr.co/edit/XMwFKTYRgqYzOcsUMDEp?p=preview

var app = angular.module('myapp', []);

app.controller('mainController', function($scope) {
$scope.testArray = [{'option' : '1' }, {'option': '2'}, {'option': '3' }];
$scope.testModel = {};
});

app.directive('testDirective', function() {
return {
scope: {
dataHeldmodel: '=',
dataOptions: '='
},
template: '<select name="dataHeldmodel" data-ng-model="dataHeldmodel">' +
'<option value="">Select</option>' +
'<option value="{{option.option}}" data-ng-repeat="option in dataOptions">{{option.option}}</option>' +
'</select>',
replace: true
}
});
<script src="https://code.angularjs.org/1.4.3/angular.js"></script>
<!DOCTYPE html>
<html data-ng-app="myapp">

<head>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script>
<script src="script.js"></script>
</head>

<body data-ng-controller="mainController">
<test-directive data-options="testArray" data-heldmodel="testModel"></test-directive>
</body>

</html>

最佳答案

使用 ng-repeat 处理 plnkr: http://plnkr.co/edit/MP2C1VDi9YlM1HBDsbO2

将数据更改为 dat:

scope: {
datHeldmodel: '=',
datOptions: '='
}

<test-directive dat-options="testArray" dat-heldmodel="testModel"></test-directive>

似乎“数据”作为属性被保留。

关于javascript - 在自定义指令中使用 ng Repeat 来填充选择下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32585351/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com