Question

我正在尝试在ui-select中使用ng-model。为了在它中使用它，我不得不使用'as'以便通过PHP保存。

但是，我认为我没有使用正确的语法。

以下代码，我将ng-model =“customer.selected”的“as ABC”称为其他内容。

[{"id":"1","name":"testuser"}]

结果是：没有识别'ABC'。

如果有其他方法可以达到结果，请告诉我。我完全迷失在这里。我希望这能帮助那些与我一样努力解决同样问题的人。

提前谢谢你，祝你有个美好的一天！

Answer 1

as ng-model语法并不代表ng-controller，它仅适用于var app = angular.module('app', ['ui.select', 'ngSanitize']); app.controller("myCtrl", function() { vm = this; vm.isLoaded = false; vm.customers = [{ 'customer_company_name': 'Kevin' }, { 'customer_company_name': 'Fiona' }]; vm.selected; });，因此您可以以简短形式引用控制器名称。这是一个可以在编写代码时参考的工作示例。

JSFiddle Demo

<强> JS：

<div ng-app="app" ng-controller="myCtrl as vm">
  <ui-select ng-model="vm.customer.selected" theme="bootstrap">
    <ui-select-match placeholder="">{{$select.selected.customer_company_name}}</ui-select-match>
    <ui-select-choices repeat="customer in vm.customers | filter: $select.search">
      <div ng-bind-html="customer.customer_company_name"></div>
    </ui-select-choices>
  </ui-select>
  {{vm.customer.selected}}
</div>

<强> HTML：

    <input type="checkbox" value="created" name="today_check"><strong>Created</strong>
    <input type="checkbox" value="modified" name="today_check><strong>Modified</strong>
 <a class="get_tody_btn">Submit</a>

<script type="text/javascript">
    $('.get_tody_btn').click(function(){
        var vals = "";
        $.each($("input[name='today_check']:checked"), function(){  
            vals += "~"+$(this).val();  
        });
        if (vals){
            vals = vals.substring(1);
        }else{
            alert('Please choose atleast one value.');
        }


    });
</script>

如何在UI-SELECT，AngularJS中使用'as'和ng-model？

1 个答案: