<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?
你可以發佈一個工作的例子,像jsfiddle或plnkr的地方? –
JS小提琴在http://jsfiddle.net/fXmEn/11/,奇怪的是,它在那裏工作。我的本地設置中一定有一些東西搞砸了。 – ghendricks