Question

我在angular-chosen选择时遇到问题，当选择的选项更改时，它不会更新ng-model。

angular-chosen插件： https://github.com/leocaseiro/angular-chosen

链接到plunker以重现此问题： http://embed.plnkr.co/LqlLP3DnHj0hvDdyVqeU/

Answer 1

您有两个问题：

1）他们在官方文件中说：

同样重要的是：如果您的ngModel为null或未定义，则必须在select中手动包含一个空选项，否则您将遇到奇怪的逐个错误

所以在你的控制器内初始化变量：

app.controller('MainCtrl', function($scope) {
  $scope.selectedAgency = '';
  $scope.values = [{id: 1,name: 'first'}, {id: 2,name: 'second'}];
});

2）您在index.html中包含依赖项的顺序存在问题。以这种方式更改订单：

<head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link href="style.css" rel="stylesheet" />
    <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script data-semver="1.4.0-rc.2" src="https://code.angularjs.org/1.4.0-rc.2/angular.js" data-require="angular.js@1.4.x"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chosen-localytics/1.7.0/angular-chosen.min.js"></script>
    <script src="chosen.jquery.js"></script>
    <script src="angular-chosen.min.js"></script>
    <script src="app.js"></script>

  </head>

完成这些更改后，您的示例就像魅力一样

我希望它有所帮助

Angular Chosen Localytics - ng模型无法正常工作

1 个答案: