This repository has been archived by the owner on Apr 12, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 27.5k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat($parse): secure expressions by hiding "private" properties
BREAKING CHANGE: This commit introduces the notion of "private" properties (properties whose names begin and/or end with an underscore) on the scope chain. These properties will not be available to Angular expressions (i.e. {{ }} interpolation in templates and strings passed to `$parse`) They are freely available to JavaScript code (as before). Motivation ---------- Angular expressions execute in a limited context. They do not have direct access to the global scope, Window, Document or the Function constructor. However, they have direct access to names/properties on the scope chain. It has been a long standing best practice to keep sensitive APIs outside of the scope chain (in a closure or your controller.) That's easier said that done for two reasons: (1) JavaScript does not have a notion of private properties so if you need someone on the scope chain for JavaScript use, you also expose it to Angular expressions, and (2) the new "controller as" syntax that's now in increased usage exposes the entire controller on the scope chain greatly increaing the exposed surface. Though Angular expressions are written and controlled by the developer, they (1) typically deal with user input and (2) don't get the kind of test coverage that JavaScript code would. This commit provides a way, via a naming convention, to allow publishing/restricting properties from controllers/scopes to Angular expressions enabling one to only expose those properties that are actually needed by the expressions.
- Loading branch information
Showing
3 changed files
with
140 additions
and
11 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
@ngdoc error | ||
@name $parse:isecprv | ||
@fullName Referencing private Field in Expression | ||
|
||
@description | ||
|
||
Occurs when an Angular expression attempts to access a private field. | ||
|
||
Fields with names that begin or end with an underscore are considered | ||
private fields. Angular expressions are not allowed to reference such | ||
fields on the scope chain. This only applies to Angular expressions | ||
(e.g. {{ }} interpolation and calls to `$parse` with a string expression | ||
argument) – Javascript itself has no such notion. | ||
|
||
To resolve this error, use an alternate non-private field if available | ||
or make the field public (by removing any leading and trailing | ||
underscore characters from its name.) | ||
|
||
Example expression that would result in this error: | ||
|
||
```html | ||
<div>{{user._private_field}}</div> | ||
``` | ||
|
||
Background: | ||
Though Angular expressions are written and controlled by the developer | ||
and are trusted, they do represent an attack surface due to the | ||
following two factors: | ||
|
||
- they typically deal with user input which is generally high risk | ||
- they often don't get the kind of attention and test coverage that | ||
JavaScript code would. | ||
|
||
If these expression were evaluated in a context with full trust, an | ||
attacker, though unable to change the expression itself, can feed it | ||
unexpected and dangerous input that could result in a security | ||
breach/exploit. | ||
|
||
As such, Angular expressions are evaluated in a limited context. They | ||
do not have direct access to the global scope, Window, Document, the | ||
Function constructor or "private" properties (names beginning or ending | ||
with an underscore character) on the scope chain. They should get their | ||
work done via public properties and methods exposed on the scope chain | ||
(keep in mind that this includes controllers as well as they are | ||
published on the scope via the "controller as" syntax.) | ||
|
||
As a best practise, only "publish" properties on the scopes and | ||
controllers that must be available to Angular expressions. All other | ||
members should either be in closures or be "private" by giving them | ||
names with a leading or trailing underscore character. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
While I understand the intent of this change, I completely disagree with the release strategy. AngularJS had over a year of "unstable" point releases and 3 release candidates to try out breaking changes. Why would you release a breaking change of this type in the first major release of 1.2.x?
This is functionality we use at our company across multiple apps and we keep an eye on all unstable releases to ensure forward compatibility. We do not have time to monitor every commit and rely on the AngularJS team to follow the best practices that have been set forth and utilize the processes the team already has in place such as unstable branches and release candidates.
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What's the recommended practice for conforming to this change? We typically define RESTful javascript models and use private naming conventions for filtering out properties that are only used to store and display ui-related state but shouldn't be sent to the server when saving the model. In other words, we use
_
primarily to store ui-related information that would be used in an Angular expression, so being unable to access these properties in Angular is a very big inconvenience and we'll need to rethink our practices to upgrade to 1.2. Surely the solution can't be to define accessor functions on scope for each private property that we need to access in an Angular expression?3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@jr314159 We took the approach of prefixing UI specific properties with ui_ when dealing with a similar situation where we would decorate collections of data from our REST services. We considered using $ since that is another popular convention in the JS world of denoting limited privilege but decided not to since $ and $$ are popularly used in the AngularJS library.
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wouldn't it be pretty easy to make this new functionality configurable through $parseProvider? That way the check could be enabled by default, but be disabled in a .config block to ease version upgrades. Or am I not seeing the whole picture here?
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is totally unexpected. Broke my MongoDB app as well.
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This seems very unreasonable. MongoDB and CouchDB use _id for, well, id. Forcing everyone to write a wrapper to hide 'id' to pretend it to be "not private" is not a very efficient way to enforce this capricious restriction. If someone wants such a restriction, it should be a configuration option with prefix being specified (i.e. "privateFieldPrefix" so people can set it to '$' or '' or something else if they want to enforce the restriction).
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
While this doesn't "fix" this change, this is the solution I've come up with to get around it. Yes, it's obvious, but it gets the work done.
http://stackoverflow.com/questions/19983635/angular-1-2-0-error-referencing-private-fields-in-angular-expressions-is-disa
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This commit has been reverted in AngularJS 1.2.1. http://blog.angularjs.org/2013/11/angularjs-121-underscore-empathy.html
3d6a89e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It is good hear this change was reverted. While I understand the need to mark something as private in certain cases, using such a common naming pattern to indicate a private member is not a good idea. It broke my app. :(