Input text change checkbox model only once [AngularJS]
I have this
<input type="text" ng-click"function1()">
And this:
<input type="checkbox" ng-change="function2()" ng-model="stateCheck">
The functions do this:
$scope.function1 = function(){
$scope.stateCheck = false;
}
$scope.function2 = function(){
$scope.stateCheck = !$scope.stateCheck;
}
But the function1 just works the first time. Does anyone know why? Thanks.
angularjs checkbox
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
add a comment |
I have this
<input type="text" ng-click"function1()">
And this:
<input type="checkbox" ng-change="function2()" ng-model="stateCheck">
The functions do this:
$scope.function1 = function(){
$scope.stateCheck = false;
}
$scope.function2 = function(){
$scope.stateCheck = !$scope.stateCheck;
}
But the function1 just works the first time. Does anyone know why? Thanks.
angularjs checkbox
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
what do you mean byjust works the first time?
– Jacopo Sciampi
Nov 21 '18 at 12:56
the first time i click in the input the state changes, then i click in the checkbox and fine, but then if i click in the input again, the state continues like true. @JacopoSciampi
– Oscar LT
Nov 21 '18 at 12:58
add a comment |
I have this
<input type="text" ng-click"function1()">
And this:
<input type="checkbox" ng-change="function2()" ng-model="stateCheck">
The functions do this:
$scope.function1 = function(){
$scope.stateCheck = false;
}
$scope.function2 = function(){
$scope.stateCheck = !$scope.stateCheck;
}
But the function1 just works the first time. Does anyone know why? Thanks.
angularjs checkbox
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
I have this
<input type="text" ng-click"function1()">
And this:
<input type="checkbox" ng-change="function2()" ng-model="stateCheck">
The functions do this:
$scope.function1 = function(){
$scope.stateCheck = false;
}
$scope.function2 = function(){
$scope.stateCheck = !$scope.stateCheck;
}
But the function1 just works the first time. Does anyone know why? Thanks.
angularjs checkbox
angularjs checkbox
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
edited Nov 21 '18 at 13:01
georgeawg
32.9k104968
32.9k104968
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
asked Nov 21 '18 at 12:56
Oscar LTOscar LT
6051420
6051420
what do you mean byjust works the first time?
– Jacopo Sciampi
Nov 21 '18 at 12:56
the first time i click in the input the state changes, then i click in the checkbox and fine, but then if i click in the input again, the state continues like true. @JacopoSciampi
– Oscar LT
Nov 21 '18 at 12:58
add a comment |
what do you mean byjust works the first time?
– Jacopo Sciampi
Nov 21 '18 at 12:56
the first time i click in the input the state changes, then i click in the checkbox and fine, but then if i click in the input again, the state continues like true. @JacopoSciampi
– Oscar LT
Nov 21 '18 at 12:58
what do you mean by
just works the first time?– Jacopo Sciampi
Nov 21 '18 at 12:56
what do you mean by
just works the first time?– Jacopo Sciampi
Nov 21 '18 at 12:56
the first time i click in the input the state changes, then i click in the checkbox and fine, but then if i click in the input again, the state continues like true. @JacopoSciampi
– Oscar LT
Nov 21 '18 at 12:58
the first time i click in the input the state changes, then i click in the checkbox and fine, but then if i click in the input again, the state continues like true. @JacopoSciampi
– Oscar LT
Nov 21 '18 at 12:58
add a comment |
1 Answer
1
active
oldest
votes
ng-change="function2()"
ng-model="stateCheck"
These two events are conflicting with each other, Basically ng-model makes the $state.stateCheck=true and then functin2() $state.stateCheck=!$state.stateCheck makes it false. Due to this checkbox will always remain unchecked. function1() works fine
answered Nov 21 '18 at 14:04
alok modialok modi
263
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53412522%2finput-text-change-checkbox-model-only-once-angularjs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
ng-change="function2()"
ng-model="stateCheck"
These two events are conflicting with each other, Basically ng-model makes the $state.stateCheck=true and then functin2() $state.stateCheck=!$state.stateCheck makes it false. Due to this checkbox will always remain unchecked. function1() works fine
answered Nov 21 '18 at 14:04
alok modialok modi
263
add a comment |
ng-change="function2()"
ng-model="stateCheck"
These two events are conflicting with each other, Basically ng-model makes the $state.stateCheck=true and then functin2() $state.stateCheck=!$state.stateCheck makes it false. Due to this checkbox will always remain unchecked. function1() works fine
answered Nov 21 '18 at 14:04
alok modialok modi
263
add a comment |
ng-change="function2()"
ng-model="stateCheck"
These two events are conflicting with each other, Basically ng-model makes the $state.stateCheck=true and then functin2() $state.stateCheck=!$state.stateCheck makes it false. Due to this checkbox will always remain unchecked. function1() works fine
answered Nov 21 '18 at 14:04
alok modialok modi
263
ng-change="function2()"
ng-model="stateCheck"
These two events are conflicting with each other, Basically ng-model makes the $state.stateCheck=true and then functin2() $state.stateCheck=!$state.stateCheck makes it false. Due to this checkbox will always remain unchecked. function1() works fine
answered Nov 21 '18 at 14:04
alok modialok modi
263
answered Nov 21 '18 at 14:04
alok modialok modi
263
answered Nov 21 '18 at 14:04
alok modialok modi
263
answered Nov 21 '18 at 14:04
alok modialok modi
263
263
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53412522%2finput-text-change-checkbox-model-only-once-angularjs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
what do you mean by
just works the first time?– Jacopo Sciampi
Nov 21 '18 at 12:56
the first time i click in the input the state changes, then i click in the checkbox and fine, but then if i click in the input again, the state continues like true. @JacopoSciampi
– Oscar LT
Nov 21 '18 at 12:58