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)}