Angularjs ui选择：从控制器设置值

我有两个ui选择：第一个允许设置食物的类别（例如肉、蔬菜、甜点）；第二种方法允许从食物列表中选择食物。 插入新食物时，将填充所有字段，包括类别（通过ui选择）。这是HTML：

<ui-select ng-model="newFood.category" theme="bootstrap">
     <ui-select-match placeholder="Select food category">
           <span ng-bind="$select.selected.name"></span>
     </ui-select-match>
     <ui-select-choices repeat="category in (foodCategories | filter: $select.search)">
           <span ng-bind="category.name"></span>
     </ui-select-choices>
</ui-select>

<ui-select ng-model="foodToEditOrRemove.selected" theme="bootstrap" on-select="fillFormFields()">
   <ui-select-match placeholder="Select food to edit or remove">
         <span ng-bind="$select.selected.name"></span>
   </ui-select-match>
   <ui-select-choices repeat="food in (foods | filter: $select.search)">
         <span ng-bind="food.name"></span>
   </ui-select-choices>
</ui-select>

---

在这段代码之后，newFood设置了正确的类别，我在相应的输入中看到了食品名称，但是ui select没有显示该值。如何更新视图以绑定到新值？

请添加一个fiddle可能有助于启动请添加一个fiddle可能有助于开始

$scope.fillFormFields = function () {
       $scope.newFood.name = $scope.foodToEditOrRemove.selected.name;
        $scope.newFood.category = $scope.foodToEditOrRemove.selected.category;

    };