If you want to remove an element from colors you should use .splice(index); 
<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice>

And here is a way to get the index variable from your select ng-options:
http://stackoverflow.com/questions/13916726/angularjs-using-index-in-ng-options


On Tuesday, August 19, 2014 3:58:30 AM UTC-4, Paolo Pantaleo wrote:
>
> Hello,
>
> In this example <http://plnkr.co/edit/y67Ex1OA4eajelOWQIO7?p=preview> I 
> have a simple select
>
> <select ng-model="myColor" ng-options="color.name for color in colors">
>     <option value="">-- choose color --</option></select>
>
> With three colors and a button to delete the last one
>
> <button ng-click="delRed()">Delete red</button><br/>
>
> JS code looks like that
>
> angular.module('selectExample', []).controller('ExampleController', 
> ['$scope', function($scope) {
>   $scope.colors = [
>     {name:'black'},
>     {name:'white'},
>     {name:'red'},
>   ];
>   $scope.myColor = $scope.colors[2]; // red
>   $scope.delRed = function(){        
>     $scope.colors.length = 2;
>   }}]);
>
> When red is selected and clicking on "Delete red " the -- choose color -- 
> option 
> is selected, but the model {{myColor}} is
>
> {"name":"red"}
>
> how can I set it to null (or empty string or any "empty" value) in case 
> red was selected and is deleted in order to have it coherent with value?
>
>
> This is a simplified version of the example in AngualrJS documentation, 
> and in that example there is the same issue. Once the item doesn't exist I 
> would expect the model to reflect that. Is this a limitation of AngularJS 
> or am I missing something?
>
> (Question already posted on 
> http://stackoverflow.com/questions/25367105/updating-model-when-selected-item-is-deleted
> )
>
>
> Regards
> Paolo
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to