angularjs-ng-model

I have a ui in which based on the selection of one drop down another dropdown should be disabled. Both these dropdowns are generated using ng-repeat . Below is the code sample <tr data-ng-repeat="abc in xyz.divisionViewList" > <select data-ng-model="abc.selectedAppRole" ng-init="abc.selectedAppRole =abc.selectedAdRole" id="{{abc.applicationId}}_{{abc.divisionId}}" name="{{abc.selectedAppRole}}"> <option value="null">Select/Deselect a role</option> <option data-ng-repeat="roleDetail in abc.roleDetails" data-ng-selected="{{abc.adRole == abc.selectedAdRole}}" value="{{abc.adRole}}"> {{abc

http://plnkr.co/edit/RP9SpO1qGjn5Ua6pZJ3D?p=preview js angular.module("sampleapp", []).controller('samplecontroller', function($scope,$rootScope) { $scope.radii = [ {id:.25, checked:false, name:"1/4 Mile"}, {id:.5, checked:false, name:"1/2 Mile"}, {id:1, checked:false, name:"1 Mile"}, {id:2, checked:true, name:"2 Mile"}, {id:3, checked:false, name:"3 Mile"}, {id:4, checked:false, name:"4 Mile"}, {id:5, checked:false, name:"5 Mile"} ]; $scope.handleRadioClick = function(){ alert(); }; }); and html <div class="radio"> <label> <input type="radio" name="radius" ng-change="handleRadioClick()" ng

This question already has an answer here: AngularJS: ng-selected doesn't show selected value [duplicate] 2 answers While ng-model is used in select box and ng-selected is also used in options with some condition that time ng-selected is not working. If I will remove ng-model than ng-selected is working, but if i will remove ng-model than how I should get the value of select box in controller. Please help ! Here is my code... HTML: <select class="form-control" ng-change="accessModeSelected()"> <option ng-selected="mode.status == '1'" ng-repeat="mode in storageResult.accessMode" ng-value="mode

I'm learning AngularJS. I've come across something I can't explain, nor can I find any explanation for (or solution). I have a simple AngularJS app and I am attempting to bind a <span contenteditable="true"> to a value, but it doesn't work. EG: <!-- Works as expected --> <input data-ng-model="chunk.value"></input> <!-- Shows value, but doesn't bind - changes not reflected in model --> <span contenteditable="true">{{chunk.value}}</span> <!-- This is empty --> <span contenteditable="true" data-ng-model="chunk.value"></span> How can I make the last span use 2-way binding, such that editing its