Angularjs 当我通过在ui选项卡集中选择更改$scope.model时,它不会';我不会相应地改变

Angularjs 当我通过在ui选项卡集中选择更改$scope.model时,它不会';我不会相应地改变,angularjs,angular-ui-bootstrap,angular-bootstrap,Angularjs,Angular Ui Bootstrap,Angular Bootstrap,目前,我的位于ui选项卡集中,当它位于选项卡集中时,它似乎不会更新我的$scope。当我将其设置为模型时,会正确地筛选\u item\u package 这是我的密码: HTML: 但是当我没有在ui选项卡中嵌套选项时,它会正确更新。例如,当我更改为Acres或paletes时,它将相应地console.log。 这只是一个大概的草案。我可以看出你的草案至少有一个问题 当您编写ng selected=“{{items.t2}}”时,您的意思是: 如果items.t2返回true,则设置此元素的s

目前,我的
位于ui选项卡集中,当它位于选项卡集中时,它似乎不会更新我的
$scope。当我将其设置为模型时,会正确地筛选\u item\u package

这是我的密码: HTML:

但是当我没有在ui选项卡中嵌套选项时,它会正确更新。例如,当我更改为Acres或paletes时,它将相应地console.log。
这只是一个大概的草案。

我可以看出你的草案至少有一个问题

当您编写
ng selected=“{{items.t2}}”
时,您的意思是:

如果
items.t2
返回
true
,则设置此元素的
selected
属性

由于
items.t2
返回一个字符串,在Javascript中为'truthy',因此默认情况下,您将所有ng repeat实例设置为
选中

相反,请使用
ng selected=“items.t2==filter\u item\u package”
。注意,ng-*指令不需要
{{}

<uib-tab index="2" heading="All Harvest Plans">
  <select class="form-control"  ng-model='filter_item_package' ng-change='package_change()' >
   <option ng-repeat=" items in cases_filter_items" ng-selected="{{items.t2}}" value="{{items.t2}}">{{items.t3}}
   </option>
  </select>
</uib-tab>
$scope.filter_item_package = 'Cases'
 $scope.cases_filter_items = [
{'id':1,'t2':'Cases','t3':'Show Cases'},
{'id':2,'t2':'Acres','t3':'Show Acres'},
{'id':2,'t2':'Palettes','t3':'Show Pallettes'}
]
$scope.package_change = function(){console.log($scope.filter_item_package)}