设置默认值时，下拉菜单文本不会显示 - AngularJS

Question

我有一个选择菜单。

<select id="dd" ng-show='data != null' ng-model='search'></select>

我将过滤器触发到美国作为默认值

$scope.search = 'United States of America';

到目前为止，过滤器似乎工作，但我的jQuery似乎都没有工作。

$scope.search = 'United States of America';
$("#dd").val('United States of America');
$("#dd").attr("selected","selected");

您可以在此处看到我的内容：JSFiddle

结果现在：

结果我希望它是：

我还应该考虑进一步调试这个？

Answer 1

我会喜欢这个 -

在角度控制器中

$scope.timeFrames = [{ "id": 1, "name": "USA" }, { "id": 2, "name": "UK" }, { "id": 3, "name": "China" }];
$scope.selectedTimeFrame = 1;

在你的html页面

 <select ng-model="selectedTimeFrame" ng-change="frame()" ng-options="timeFrame.id as timeFrame.name for timeFrame in timeFrames" ng-cloak></select>

尝试通过java脚本控制选择下拉列表不是正确的方法。在有角度的情况下，我们有ng-options，请参阅此documentation。