2014-07-12 62 views
1

我有一個選擇控制與幾個選項和一個複選框。該複選框需要控制選擇是否被禁用。最初我的代碼正確,但是當複選框中的值發生變化時,select不受影響。我相信有這樣的一個很酷的角度的方式,並希望有人能指出我在正確的方向:如何使用角度數據綁定將複選框綁定到選擇禁用的屬性?

<input type="checkbox" ng-model="IsEnabled"> 
<select disabled="{{scope.IsEnabled}}"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select> 

myApp.controller('myCtrl', ['$scope', '$http' 
scope.IsEnabled= true;]); 

回答

1

你並不需要輸入「範圍」當你在標記,只需要輸入什麼附在範圍內。你也應該使用ng-disabled。

因此,請在此刪除「範圍」一詞。

<select ng-disabled="!IsEnabled"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

見fiidle:http://jsfiddle.net/eZhZL/7/

希望這有助於。

+0

正是我需要的,謝謝 – user3648646