jQuery選擇在AngularJS控制器不工作

-2

我有一個viewA和相應ControllerA但對viewA圖像我必須導航到另一個ViewB和相應ControllerB的點擊，在ViewB有一些複選框，然後對viewB一個按鈕，帶我們到ViewA，然後我想再次點擊ViewA上的圖像並導航到ViewB並恢復CheckBox值（Checked，Unchecked）。我已將複選框的值存儲到服務變量中。jQuery選擇在AngularJS控制器不工作

來源

2017-03-10 Aayush Srivastava

洙問題是??? –

無法使用jquery選擇器$（「#checkBoxId」）。prop（'checked'，serviceVariableValue）選擇複選框。 –

發佈您的代碼或您嘗試過的內容。 –

<body ng-app='demo'> 
<script type="text/ng-template" id="home.html"> 
    <h1> viewA </h1> 
    <a href="#/about"><img src="src" /></a> 
</script> 

<script type="text/ng-template" id="about.html"> 
    <h1> viewB </h1> 
    <h4>Click me to see ViewA: <input id="myCheckBox" type="checkbox" ng-model="checked" ng-change='checkView()'></h4> 
</script> 

<div> 
    <div ng-view></div> 
</div> 
</body>

腳本：

var demo = angular.module('demo', []); 

demo.controller('HomeController', function ($scope) {}); 

demo.controller('AboutController', function ($scope,$location) { 
    $scope.checkView=function(){ 
    //if($scope.checked) 
    if($('#myCheckBox').prop('checked') == true) 
     $location.url('/home'); 
    } 
}); 

demo.config(function ($routeProvider) { 
    $routeProvider. 
    when('/home', { 
     templateUrl: 'home.html', 
     controller: 'HomeController' 
    }). 
    when('/about', { 
     templateUrl: 'about.html', 
     controller: 'AboutController' 
    }). 
    otherwise({ 
     redirectTo: '/home' 
    }); 
});

TRY THIS CODE：

來源

2017-03-10 06:42:42 Amal

jQuery選擇在AngularJS控制器不工作

回答

相關問題