Question

对于此页面：https://big.four51ordercloud.com/demo/product/customimageselector

我试图制作几个链接中的一个，点击后，将设置＆＃34;颜色＆＃34;下降到某个值，例如＆＃34;样式1 - 白色＆＃34;所有的＆＃34;颜色＆＃34;下拉是隐藏的。

示例：点击此处获取白色。

我可以使用jQuery和vanilla JavaScript来做到这一点，但它根本不能与AngularJS一起使用。第一次下拉＆＃34; Style＆＃34;将指示显示哪些超链接。那部分我可以做。

据说，我是AngularJS的新手。

有什么建议吗？： - （

Answer 1

您可以执行以下操作。

HTML

<button ng-click="chooseWhite()"></button>
<select ng-options="option in options" ng-model="selectedOption"></select>

控制器

$scope.options = [{ color: 'red', id: 1 }, { color: 'white', id: 2 }];
$scope.selectedOption = $scope.options[0];
$scope.chooseWhite = function () {
  $scope.selectedOption = $scope.options[1];
};

将对象绑定到select元素，并在单击链接或按钮时更改所选值。

使用AngularJS设置下拉选项

1 个答案: