UPDATE I have identified the problem - it was due to including 'ngTouch', please refer to my solution provided below.
It seems like I must be overlooking a simple error in this scenario, as I cannot seem to locate it despite my efforts. The following code is properly connected to a controller:
<input type="text" ng-change="doStuff()" ng-model="stuff"/>
<button ng-click="doStuff()">doStuff</button>
The controller script:
console.log('Hello from the controller');
$scope.stuff = "something";
$scope.doStuff = function() {
alert('performing action');
}
The issue lies in the fact that nothing happens upon clicking the button. While the ng-change event works when the input field is altered, the ng-click event does not respond. Please let me know if further information is required, as I am uncertain of what else to provide given that the overall setup appears to be functioning correctly...
The remaining HTML does not include any Angular directives and is loaded as follows within myModule.config:
$stateProvider
.state('stuff', {
templateUrl: 'pages/stuff.html',
url: '/stuff',
controller: 'StuffCtrl'
})
Furthermore, the controller is defined in the following manner:
angular.module('myModule')
.controller('StuffCtrl', function ($scope) {
// previous code snippet
});