AngularJS ng-disabled directive with expression is not working

The ng-disabled expression is evaluated in the present scope. Hence, you should only need the following without any extra interpolation with {{..}}:

    <input type="submit" 
           value="Register" 
           ng-show="isNewUser" 
           ng-disabled="!hasAcceptedTnC(tnc)">

Note that I added a ! since you probably want the button disabled if the user has not accepted the TnC.

Working demo: http://plnkr.co/edit/95UiO4Rd2IMh8T1KjSQK?p=preview

A comment was posted below asking how to reason about when to use {{...}} and when to use bare expression with a given ng-* directive. Unfortunately, there is no syntactical clue hidden in the directives which can reveal that information. Looking at the documentation will turn out to be fastest way to find out this information.

Related Posts:

  1. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  2. Why do i have to call $scope.$digest() here?
  3. AngularJS $watch vs $watchCollection: which is better for performance?
  4. typeerror cannot read property ‘data’ of undefined
  5. nodemon app crashed – waiting for file changes before starting
  6. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  7. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  8. How to format date in angularjs
  9. How to Create simple drag and Drop in angularjs
  10. Angular-ui-router: ui-sref-active and nested states
  11. Unable to resolve dependency tree error when installing npm packages
  12. Understanding STATE in angularJS
  13. What is .$on() in AngularJS
  14. Significance of ng-repeat-start vs ng-repeat
  15. File Upload using AngularJS
  16. AngularJS BootstrapUI Typeahead with object & selection functionality
  17. angular.service vs angular.factory
  18. How do I store data in local storage using Angularjs?
  19. What is .$on() in AngularJS
  20. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  21. `ui-router` $stateParams vs. $state.params
  22. Simple Popup by using Angular JS
  23. $apply already in progress error
  24. ng-repeat :filter by single field
  25. What is deep linking in AngularJS?
  26. Difference between onLoad and ng-init in angular
  27. How do I fix the npm UNMET PEER DEPENDENCY warning?
  28. Submit form on pressing Enter with AngularJS
  29. How to $state.go()
  30. With ng-bind-html-unsafe removed, how do I inject HTML?
  31. How to filter a select with ng-options in Angular?
  32. What is the use of angular ui-mask?
  33. why angularjs ng-repeat not working
  34. Response for preflight has invalid HTTP status code 403 on angular post request
  35. How to achieve pagination/table layout with Angular.js?
  36. Angular js is front end or backend?
  37. AngularJS Folder Structure
  38. Bare minimum code for AngularJS Carousel
  39. Angular.js: How does $eval work and why is it different from vanilla eval?
  40. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  41. Angularjs ng-view does not work
  42. getting the ng-object selected with ng-change
  43. AngularJS For Loop with Numbers & Ranges
  44. Why is .then not a function?
  45. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
  46. In AngularJS, what’s the difference between ng-pristine and ng-dirty?
  47. AngularJS Modal Popup
  48. Why do we use $rootScope.$broadcast in AngularJS?
  49. how to use ng-option to set default value of select element
  50. What does ngInject do in the following piece of code?
  51. AngularJS: how to implement a simple file upload with multipart form?
  52. How to get all place details from a Place Details Request using Google Places API Web Service?
  53. AngularJS vs Angular [closed]
  54. SyntaxError: Unexpected token o in JSON at position 1
  55. SyntaxError: Unexpected token o in JSON at position 1
  56. SyntaxError: Unexpected token o in JSON at position 1
  57. SyntaxError: Unexpected token o in JSON at position 1
  58. AngularJS- Login and Authentication in each route and controller
  59. TypeError: Cannot read property ‘then’ of undefined
  60. Working with $scope.$emit and $scope.$on
  61. In angularjs we are having ng-disabled directive, why ng-enabled directive is not provided by the framework as we are having ng-show and ng-hide
  62. SyntaxError: Unexpected token o in JSON at position 1
  63. AngularJS : Factory and Service?
  64. AngularJS ngClass conditional
  65. Blocked script execution in because the document’s frame is sandboxed – Angular application
  66. Angular JS Uncaught Error: [$injector:modulerr]
  67. Use of $parse in angular js
  68. How to execute AngularJS controller function on page load?
  69. Using $setValidity inside a Controller
  70. How can I group data with an Angular filter?
  71. Definition of ui-sref in Angular.js?
  72. Angular: Cannot find a differ supporting object ‘[object Object]’
  73. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  74. Disable Chrome strict MIME type checking
  75. Angularjs: Error: [ng:areq] Argument ‘HomeController’ is not a function, got undefined
  76. Error: [ng:areq] from angular controller
  77. Show spinner GIF during an $http request in AngularJS?
  78. SyntaxError: expected expression, got ‘<'
  79. Understanding the ngRepeat ‘track by’ expression
  80. How to pass parameters using ui-sref in ui-router to controller
  81. What does ngf-select do and why is it needed for form validation?
  82. Is Angularjs Clientside or Serverside or Both
  83. How to connect signalR from angularJs
  84. How does Angular $q.when work?
  85. Array Mapping in AngularJs
  86. AngularJS errors: Blocked loading resource from url not allowed by $sceDelegate policy
  87. How to use if-else condition with [ngClass] in angular 7?
  88. How do you serve a file for download with AngularJS or Javascript?
  89. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  90. How to redirect to another page using AngularJS?
  91. How npm start runs a server on port 8000
  92. Why is this simple AngularJS ng-show not working?
  93. How to enable CORS in AngularJs
  94. parsing JSONP $http.jsonp() response in angular.js
  95. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  96. What is the cause for “angular is not defined”
  97. $http.get(…).success is not a function
  98. Unexpected token < in first line of HTML
  99. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  100. if else statement in AngularJS templates

Leave a Comment