Call a method only if my $scope variable is false - angularjs

Question

I've a div on click of which I'm calling a method.
Now, there's a 'Cancel' button, on click of which I'm setting a $scope.variable to true.
Next, I need to execute my function on click of the 'div', only if $scope.variable is set to false.
But it is now working! Could you help me fix this?
Here's my code:
angular.module('app', ['ngSanitize']).controller('Ctrl', function($scope) {
$scope.stopFunc = function() {
$scope.stopFuncExec = true;
}
$scope.stopFuncExec == false;
$scope.myFunc1 = function() {
console.log("Inside " + $scope.stopFuncExec);
var whoAreYou = "Coder";
if (whoAreYou == "Coder" && $scope.stopFuncExec == false) {
console.log("Hello, stop me if you can!");
}
}
});
.parent {
height: 100px;
width: 200px;
background: skyblue;
border: 1px solid lightgrey;
border-radius: 5px;
padding: 20px;
margin: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="app" ng-controller="Ctrl">
<div class="parent">
<div ng-click="myFunc1()">Click Me!</div>
</div>
<button ng-click="stopFunc()">Cancel</button>
</div>

Answer 1

You have typo: $scope.stopFuncExec == false;
Did you mean: $scope.stopFuncExec = false;?
After $scope.stopFuncExec == false; the $scope.stopFuncExec will be undefined
Fixed Demo

Answer 2

As you said, the function should get called only when the variable is false. I believe you can follow below work around for this. The function will get called on the click of the Div, but there you can check the condition as below.
If the variable is false, then only it will execute the block. I hope this will solve your problem.
$scope.myFunc1 = function()
{
if(!$scope.stopFuncExec)
{
console.log("Inside " + $scope.stopFuncExec);
var whoAreYou = "Coder";
if (whoAreYou == "Coder" && $scope.stopFuncExec == false)
{
console.log("Hello, stop me if you can!");
}
}
}