2013-04-12 30 views
0

忽略: Jquery的移動+角:複選框被給定以下角度

<html ng-app> 
... 
<script> 
    function Main($scope){ 
     $scope.checked = function() { 
     alert("This will never show!"); 
     }; 
    } 
</script> 
<body> 
<div data-role="page" ng-controller="Main"> 
    <div data-role="header"> 
    <h1>Sample</h1> 
</div> 
<div data-role="content"> 
    <label for="mybox">Click here!</label> 
    <input id="mybox" type="checkbox" ng-model="boxval" ng-change="checked()"> 
</div> 
</div> 
</body> 
</html> 

檢查或取消選中該複選框不觸發方法調用。通過刪除<label>標籤,它會正常工作。

我知道JQuery Mobile正在對底層的<input type="checkbox">標籤做一些奇特的操作,但是有沒有一種簡單的方法來欺騙它來激活ng-change?

+0

你可以發佈一個工作的例子,像jsfiddle或plnkr的地方? –

+0

JS小提琴在http://jsfiddle.net/fXmEn/11/,奇怪的是,它在那裏工作。我的本地設置中一定有一些東西搞砸了。 – ghendricks

回答

2

因此,原來所有我需要做的就是這個工作是改變我的javascript進口秩序前角導入jQuery的。突然間,這一切都神奇地工作。

0

爲使ngChange正常工作,ngModel指令是必需的。

http://docs.angularjs.org/api/ng.directive:input

+0

添加沒有區別。 (我在原始代碼中使用了它,但忘了將它添加到這個人爲的例子中,我已經在上面進行了編輯,但結果是一樣的)。 – ghendricks