Question

我正在使用angucomplete-alt来显示下拉搜索。它的工作正常。但在一种情况下，我想从控制器设置其值。我试过了

 $scope.selectedCustomer.title = $scope.customerList[1].businessName

＆安培;还

$scope.selectedMerchant = $scope.merchantList[1]

但两者都没有奏效。在angucomplete-alt文档中，它写有两种方式绑定。任何人都可以帮我显示默认选择..

Answer 1

不确定你是否找到了答案，但我想我会分享我是如何实现这一目标的。

<angucomplete-alt id="owner"
placeholder="user@example.com"
pause="400"
selected-object="subscription.EmailAddress"
initial-value="{{subscription.EmailAddress}}"

初始值接受一个字符串值，使用角度语法我可以使用大括号从控制器生成它。

希望这有帮助。

Answer 2

在你的控制器上试试这个：

$scope.example = {
    text: 'Somethings'
};

initial-value的{{1}}：

angucomplete-alt

Answer 3

答案很晚但我最近遇到了angucomplete-alt。我建议使用原生JS和angucomplete-alt。

您可以使用angucomplete-alt提供的 clear-selected =“true”并设置约200毫秒的超时时间，并使用其ID更新输入值：

clear-selected =“true”将清除您选择的输入，然后您可以从控制器更改输入值。

document.getElementById（'ex1_value'）。value ='customValFromController';

当我想在搜索文本框中设置与下拉结果列表中显示的内容不同的内容时，我使用了这个。

为我工作:)。

Answer 4

我们需要将对象引用而不是字符串传递给初始值。

<angucomplete-alt id="selectProductTypeName" 
                                placeholder="Search Product Type" 
                                pause="100" 
                                selected-object="vm.selectedProductType" 
                                local-data="vm.productTypeNameList" 
                                initial-value="vm.initialProductType" 
                                search-fields="name" class="angu-form-control" 
                                title-field="name" 
                                minlength="3" 
                                input-class="form-control form-control-small">
                            </angucomplete-alt>

控制器中的初始值应为

vm.initialProductType = { name: response.data[0].product_type};

在angucomplete中设置默认值

4 个答案: