Javascript 将所选内容集成到AngularJS中

我正在尝试将select（jquery插件）与AngularJS集成，但我无法让它填充select中的任何选项

我开始学习本教程：

并创建了此简单示例（在“”的帮助下）：

这不会出错，但不会向列表中添加任何内容。如果我从select中删除“selected”属性，它将按预期工作，因此我知道绑定没有问题

然后，我尝试使用选择的角度包装：

（在本问题中引用-和（可能））

并创建了以下内容：

这也有同样的问题

更新 作为对Jose M的回应，我查看了ui select，但它需要很多（不是直观的）标记，而不仅仅是一个属性，所以我排除了它

更新 针对**jd17*-*工作状态，请从以下答案中选择：

---

在你的app.js中，既然你使用的是Angular Selected插件，为什么要重新定义“Selected”指令？
我在你的第二个plnkr中修改了你的app.js，如下所示，一切正常。

var app = angular.module('myApp',['localytics.directives']); // inject the chosen

app.controller('TestController', ['$scope','$http',
function TestController($scope,$http){

  $scope.url = 'testValues.json';
  $scope.wordList = [];
  $scope.selectedWord = {};

  $scope.loadWords = function(){
    $http.get($scope.url).then(function(result){
      $scope.wordList = result.data;
    });
  };

  $scope.loadWords();
}
]);

---

这看起来很像Select2，angular ui中已经有angularjs实现，请查看ui select：我查看了ui select，但确定它不是我真正想要的-我更新了问题，并说明了我复制原始plunkr的原因-所以我忘了删除我的“SELECTED”指令。现在效果很好-谢谢！（我已经更新了问题底部的第二个plunkr）

var app = angular.module('myApp',['localytics.directives']); // inject the chosen

app.controller('TestController', ['$scope','$http',
function TestController($scope,$http){

  $scope.url = 'testValues.json';
  $scope.wordList = [];
  $scope.selectedWord = {};

  $scope.loadWords = function(){
    $http.get($scope.url).then(function(result){
      $scope.wordList = result.data;
    });
  };

  $scope.loadWords();
}
]);