Javascript 使用<；选择>；及<；选项>；在AngularJS

我有这个锚定标记，我根据来自对象的日期更改视图。我试图改变它成为一个选择选项，但它不是工作的方式，我这样做

这是锚定标记语法：

 <a href="#" ng-repeat="item in home.prData" ng-click="home.selectedPr = item; $event.preventDefault();
 $event.stopPropagation();">{{item.date}}</a>

当我使用select选项时，我试图将其更改为那样

 <select st-search="{{item.date}}" class="show-tick form-control dropdown_custom_list">
      <option value="">- select a date -</option>
      <option ng-repeat="item in home.prData" value="{{home.selectedPr = item}}">{{item.date}}
      </option>
  </select>

-选择一个日期-
{{item.date}

我创建了一个例子来说明我正在努力实现的目标：

请参见

angular.module（'ngrepeatSelect'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.data={
型号：空，
可用选项：[
{id:'1'，name:'Option A'}，
{id:'2'，name:'Option B'}，
{id:'3'，name:'Option C'}
]
};
}]);

重复选择：
-选择一个选项-
{{option.name}

model={{data.model}}

在我不断尝试和搜索之后，我找到了一个解决方案，因此我不得不使用ng模型并将其分配给我选择的EDPR作为我的示例。它成功了

<select class="form-control selectpicker show-tick" 
        title="Select period" selectpicker ng-model="home.selectedPr"
        ng-options="item.date for item in home.prData">
</select>


在您的选择和使用ng模型上尝试ng change=“home.selectedPr=item”查看我的选择和使用ng模型，但它不起作用，我不明白为什么：@HeshamElMasry，我已经在您的plunkr中包含了一个片段。希望这对你有帮助。。
<select class="form-control selectpicker show-tick" 
        title="Select period" selectpicker ng-model="home.selectedPr"
        ng-options="item.date for item in home.prData">
</select>